作用域是指变量函数一个作用范围,规定了变量和函数的在哪里去掉用,JS不会报错
理解
强调思考
num1 = ???; 222
num2 = ???; 报错
已知:声明全局变量的时候不是用var 是隐式声明
原理:当在局部作用域中声明一个全局变量的时候,首先他会在局部作用域去找个变量,如果没有,则向上查找 【全局作用域】,当找到了变量,则个这个变量重新赋值,如果没有找到就声明
注意:必须要调用函数
全局作用域
局部作用域
在定义局部作用域的时候,声明多个作用域,并且是包含关系的一个集合,调用函数,叫做作用域的链
运行结果:111
运行结果:222
上图图解结果:
i:4
J:5
<script>
var num = 111;
function fn1() {
var num = 222;
function fn2(){
num = 333;
function fn3(){
num = 444;
}
fn3();
}
console.log(num);
fn2();
console.log(num);
}
fn1();
console.log(num);
</script>
<script>
var str='字符串1';
function fun(str){
var str='字符串2';
function str(){
str = '字符串3'
}
console.log(str);
}
fun();
</script>
结论:局部变量>局部函数>形参>全局变量
局部作用域
全局作用域
一些函数的集合
调用的时候,如果局部作用域声明了全局变量,那么这个时候会向上查找,一直找到为止,如果找到重新复制,没有找到则声明。如果找到的是一个局部变量【var】 ,则停止向上查找
局部作用域下的全局变量>函数>函数形参>全局变量
注意:
全局变量
全局作用域
局部变量
局部作用域
Browser object model 【BOM】 浏览器对象模型
我们JS有能力来操作浏览器
Window 浏览器操作对象, 对象想的顶层
Location 地址栏操作对象
History 操作对象
Document 网页操作对象
Screen 浏览器屏幕操作对象
声明的全局变量全部放在了window 对象中
innerWidth 获取网页的宽度
document.documentElement.clientWidth 兼容低版本浏览器
innerHeight 获取网页的高度
document.documentElement.clientHeight 兼容低版本浏览器
说明:高度宽度受状态栏的影响
兼容性问题:
IE 6/7/8 低版本浏览器
高版本浏览器
IE9 以上
兼容性浏览器
谷歌、火狐、苹果浏览器
alert
prompt
confirm
open(要打开的网页地址,窗口的名字,窗口的外观设置参数)
close()
print()
描述:
当加载网页的时候,需要让程序等待一段时间在来执行【只是执行一次】
语法:
setTimeout(‘fun’,s);
说明:
Fun:要调用的函数 fun “fun()”
S: 毫秒
返回值:当前的定时器的一个表示 。
语法:
clearTimeout(t);
功能:
清楚延时器 定义的操作方法,终止其运行
参数:
T: 定义延时器返回的参数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<input onclick="fun();" type="button" value="点击显示" >
</body>
<script>
function fun(){
//设置一个延时器
setTimeout(function(){
alert('弹出');
},5000);
}
</script>
</html>
描述:
当访问网页的时候,定时执行一段代码【执行多次】
语法:
setInterval(‘fun’,s);
说明:
同上
描述:
清楚定时器,不让代码继续执行
语法:
clearInterval(t);
点击发送倒计时效果
1.点击按钮怎加点击事件
2.修改按钮里面的内容【value=”重新获取验证码(事件)”】
3.让按钮不能再次进行点击【disabled 按钮的一个属性】
4.增加倒计时的效果
setTimeout 执行一次
setInterval 执行多次
操作属性:
Screen.width 获取屏幕的宽度
Screen.height 获取屏幕的高度
screen.availWidth 不包含任务栏
screen.availHeight 不包含任务栏
说明:浏览器的信息对象
appName : 浏览器发行型的版本
appVersion: 用户浏览器的版本信息
userAgent: 用户使用的浏览器的信息
使用:UserAgent 可以获取用户的详细访问信息,通过邮件的形式,将用户的报错发送到邮件中区, 这样我们可以快速定位问题所在
属性
Location.href 浏览器地址的重定向
方法:
Location.reload(); 刷新当前页面 , loaction.href = location.href ;
用来记录用户访问了哪些网页
属性
Length 长度 : 记录浏览的个数
方法:
History.go(-1) 正数代表的是URL 向前, 负数 URL向后
History.back(); 一步一步的返回 <-
History.forward(); 前进->
Document object model 文档对象模型
使JS有操作HTML的能力
对所有的DOM对象进行一个节点操作
增加节点,查找节点
对HTML下的节点进行查找, 快速定位。增加节点等。。。
节点有CSS属性 style=’样式’
也有直接操作样式的属性和方法
节点对象.style.样式属性有JS转换=属性的值
节点中的onclick /onchange ....
JS 直接操作的事件对象和方法
在HTML中,将结构使用一个类似于 倒立的树状结构
根节点 HTML 一个页面只能有一个跟节点
子节点 某个节点的下一级节点
父节点 某个子节点的上一级
兄弟节点 并列关系的两个节点
空白节点 :空格、换行
1)取子节点
节点对象.firstChild 获取节点的第一个子节点
节点对象. lastChild 获取节点的最后一个子节点
节点对象.children 获取节点下的所有子节点 不包含空白节点
节点对象.childNodes 获取节点下的所有子节点 包含空白节点
2)获取兄弟节点
对象.nextSibling 获取节点的下一个兄弟节点
对象.previousSibling 获取节点的上一个兄弟节点
3)获取父节点
对象.parentNode 获取上一级的节点
4)获取文本节点的值
对象.nodeName 获取选中的节点的名称
对象.nodeValue 获取选中的节点的值
思考:获取表单的值用什么?
案例
获取小红文本节点,并弹出值
<div><ul><li>老王</li><li>小红</li><li>隔壁老王</li></ul></div>
案例:
1)语法
document.getElementById(‘id属性的值’);
作用:根据节点里面的ID的属性来获取节点对象
document.getElementsByClassName(‘类名’)
作用:根据节点里面的class的属性来获取节点对象
document.getElementsByTagName(‘标签名称’)
作用:根据标签名称来获取要操作的标签对象
document.getElementsByName(‘属性名称’);
作用:根据标签的属性来获取要操作的标签对象
2)练习
<div id="first">床前明月光</div>
<div class="second">地上鞋两双</div>
<p class="second" name='nameValue'>自己去想象</p>
1)语法
对象.setAttribute(); //对节点对象增加属性
对象.removeAttribute(); //删除节点属性
对象.getAttribute(“属性名称”); //获取节点属性的值
2)练习
思考:通过获取网页指定节点返回的对象.属性名获取属性值和getAttribute有什么区别?
使用对象.属性名称 只能获取系统预定义的属性, 但是使用 getAttribute 这个方法可以获取自定义属性
3、获取元素内容属性
1)说明
对象.innerHTML //获取包含了html标签的内容
对象.innerText //获取文本内容,将标签过滤
2)练习
自觉完成
对象.createElement(‘标签名称’); //创建节点对象
对象.createTextNode(‘标签里面的内容’); //给节点对象增加内容
对象.appendChild(‘追加的内容’); 最后面增加节点
对象.insertBefore(新节点对象,旧几点对象) //追加到节点的前面
对象.removeChild(); 删除子节点
给下面的诗增加标题《春晓》,并且在后面追加最后一句诗
<ul>
<li>春眠不觉晓</li>
<li>处处蚊子咬</li>
<li>点上蚊香后</li>
<ul>
<script>
objUl = document.getElementsByTagName('ul');
//获取具体的操作节点
ul1 = objUl[0];
//创建节点
tmpObj = document.createElement('li');
//给临时的节点增加内容
tmp2Obj = document.createTextNode("全部死光光");
//将内容追加进去
tmpObj.appendChild(tmp2Obj);
//增加新的li节点
ul1.appendChild(tmpObj);
//创建头部标签
tmpObj = document.createElement('li');
//头部内容
tmp2Obj = document.createTextNode('<春晓>');
//把内容加到对象中区
tmpObj.appendChild(tmp2Obj);
console.log(ul1);
console.log(ul1.children);
//将创建的节点写入到ul中去
ul1.insertBefore(tmpObj,ul1.children[0]);
console.log(objUl);
</script>
使用 JS 的内置操作样式属性来改变DOM的样式
节点对象.style.JS的样式属性=’样式的值’;
CSS定义: Font-Size:14px;
JS 定义 : fontSize = 14px;
如果CSS样式没有“-” 那么我们直接可以来使用
如果CSS样式有“-”那么我们直接去掉“-”将后面的单词的首字字母大写即可
用户对网页的所有操作称之为事件
1)鼠标事件
2)键盘事件
3)表单事件
4)焦点事件
5)UI事件
Onload使用说明:用户打开一个网页,进入网页的加载过程,如果使用了onload , 那么,等页面中的所有HTML结构全部加载完成后来运行
设置事件
<a 事件=“函数(值)”></a> //在标签中的事件绑定
<script> 对象.事件=function(){}</script> //设置事件
<script> 对象.事件=null</script> //取消事件
1)设置(取消)DOM1级事件
多学一招 onclick=”函数(this)”
2)设置(取消)DOM2级事件
语法
ie6、7、8
添加DOM2级:attachEvent(事件名称,事件流);
取消DOM2级:dectachEvent(‘事件名称’);
主流浏览器
添加DOM2级:addEventListener(“事件名称”,事件流);
取消DOM2级:removeEventListener(“事件名称”);
脚下留心:
如果在主流的浏览器使用的时候click 是不加 on
在低版本的的浏览器中使用onclick 要加on
3)添加同类型的事件
通过DOM1级添加同类型的事件,只
一级事件会进行覆盖,最后定义的会覆盖前面定义的
通过DOM2级添加的同类型事件,
定义的每个事件都会执行一次
多个事件的集合,统称为时间流
︴案例
1)事件流种类
冒泡事件 : 事件是由内向外
捕获类型 : 事件是由外到内
2)说明
在主浏览器中使用 addEventListener(事件类型,处理函数,true) ;才会有捕获类型。
在版本的浏览器中没有捕获类型,只有冒泡类型。
DOM1级是冒泡类型
3)验证
DOM1级就是冒泡型事件,无法改变
DOM2级事件IE9以下统一冒泡型事件,无法改变
DOM2级事件IE9及以上,默认冒泡事件;可通过更改第三个参数动态设置事件事件流:true表示捕捉型,false表示冒泡型
国荣|探寻西湖春晓的新视角
来源:综合公共互联网信息资料
图文:岑国荣
汪庄,这座历史悠久的名园,坐落在浙江杭州西湖风景名胜区,三面环湖,南依南山路。其独特的地理位置和精美的园林设计,使其成为观赏西湖春色的绝佳之地。
汪庄背倚雷峰塔,夕照山麓,与古刹净慈禅寺相邻,占据了观赏西湖美景的绝佳位置,既可以近观三潭印月,又可以远眺南北高峰和保俶塔。这片依山傍水的秀美之地,天然景色令人陶醉。
汪庄曾是著名徽商、上海汪裕泰茶号老板汪自新的宅邸,占地面积达2.4万平方米。园内亭阁高耸,楼台飞檐,假山重叠,布置得极为精致,被誉为当时湖上最具有创意的园林之一。
新中国成立后,多位国家领导人曾在此下榻,并在此作出重大决策,使汪庄一时成为政治舞台的焦点。随着20世纪八十年代旅游业的兴起,汪庄更名为西子宾馆,并向公众开放,成为江南园林建筑的杰出代表,更是欣赏西湖春晓的崭新视角。
一、春满汪庄
汪庄岸边垂柳依依,春风拂面时,柳枝摇曳生姿,如同翠绿的丝带般婀娜多姿。湖面波光粼粼,青山绿水倒映其中,形成一幅美丽的春日画卷。
二、繁花盛景
庄园内四季花卉不断,尤以菊花最为出名。又以春天的花卉最为繁盛。柳树、桃花、樱花等花卉竞相绽放,绿树成荫,百花争艳,构成一幅繁花似锦的春日盛景。
三、泛舟湖上
在汪庄的边上,可以租一艘小船,在湖上泛舟漫游。小舟穿梭于湖水中,随着水波荡漾,让人感受到一种宁静与舒适。泛舟湖上,远离城市的喧嚣,沉浸在大自然的怀抱中,是一种难得的放松和享受。
四、 春韵绕塔
汪庄附近还有著名的雷峰塔,是西湖十景之一。在汪庄漫步时,可以欣赏到雷峰塔与湖光山色的交相辉映。春天时,塔身被绿意环绕,与盛开的花卉相互映衬,构成一幅美丽的春日画卷。
五、夕阳余晖
夕阳西下时,汪庄的美景更是别有一番韵味。远处的山峦被夕阳的余晖染成了金黄色,湖面也泛起了一层金色的波光。湖畔的垂柳与夕阳的余晖交相辉映,形成了一幅美丽的夕阳画卷。此时,汪庄内的古亭也沐浴在夕阳的余晖中,显得格外宁静和古朴。
汪庄,这个隐藏在西湖边的宝藏之地,无论是春满汪庄的垂柳摇曳,还是繁花盛景的花卉争艳,亦或是泛舟湖上的宁静舒适,都让人流连忘返,仿佛置身于一幅美丽的春日画卷之中。
作者简介
岑国荣 | 图片来源:网络
岑国荣,浙江省侨界中外文化艺术交流协会会长。历任浙江省统计局副局长、党组成员,省审计厅党组副书记、常务副厅长,省侨联党组书记,省委巡视组组长,省政协委员,省人大常委会委员、民族宗教华侨外事委员会副主任委员。
2024.04.27(综合)#朱明智库 #思想百科
【参考链接】:
公共互联网新闻和公共百科知识与文库
https://www.163.com/dy/article/J0Q4I4CQ05418JHM.html
https://www.sohu.com/a/774721767_121322050
https://mp.weixin.qq.com/s/x43vW_KJSkJmtDPh0kTE6A
https://mp.weixin.qq.com/s/1b7Xs9UCkoS-qmxqQzMeTA
https://mp.weixin.qq.com/s/lzCzDcBzQaKUZhnRT7RYEw
https://www.tianyancha.com/company/3088677724
https://www.baike.com/wikiid/3291198598793261025?source=search
https://baike.baidu.com/item/%E5%B2%91%E5%9B%BD%E8%8D%A3/73774
https://www.163.com/dy/article/ITG78DL205418JHM.html
(图片来源:网络)
西陵区幼儿园2021年招生公告
2021年点军区
中小学新生入学学位申请如下
一、基本原则
坚持政府统筹、以区为主、划片招生、免试就近和公民同步的招生原则。
二、公办中小学招生片区
三、日程安排
小学入学
初中入学
四、学位申请流程
1.线上申请
操作方式:家长申报小学一年级、初中一年级学位,均在线上指定网站申请。具体如下:
电脑操作:进入湖北政务服务网:宜昌市特色服务适龄儿童入学,网址http://zwfw.hubei.gov.cn/s/index.html?areaId=420500000000。登录,选择适龄儿童入学---参看招生信息及操作说明---填写学生身份等信息,提交成功后,退出---等待通知。
手机操作:进入“市民e家”微信公众号或“宜格微治理”居民微信群。操作同上。
温馨提示:①在线上申请小学一年级学位的儿童,出生日期需在2015年8月31日或之前。②有意就读民办学校的学生,家长必须先申请1所公办学校学位,提交后,再申请1所民办学校的学位。民办学校确认录取后,其公办学校学位将不再保留。家长未申报民办学校学位或未被申请的民办学校录取,平台系统将根据其提交的信息安排公办学校的学位。
2.系统比对
①根据家长提交的信息,平台系统将自动比对。若平台系统比对成功,将显示“审核通过”,家长登录平台查看或收到通知短信;
②若比对不成功,家长可通过平台或短信查看何时在何校进行面审。
比对依据:学生对应学校是依据学生父母或法定监护人的正式居住房和本人的户籍信息进行比对的,若二者信息不一致的以正式居住房信息为准;进城务工人员随迁子女对应片区学校以居住证(或正式租房)信息和务工经商证明为准;家长线上提交的资料,学校无法判断的,学校将通知家长带相关资料原件到校进行审核。
3.学校面审
①平台系统比对不成功,需要学校线下审核学生资料。面审通过,公办学校在系统中操作“面审通过”,平台系统会推送报教育局审核。
②面审不通过,学校在平台系统中操作“面审不过”,并将“面审不过”学生名册、面审不过原因及相关资料上报区教育局审核。
4.区局审核
①审核学校上报“面审通过”学生。
②审核学校上报“面审不过”学生,区教育局统筹分流对应到其他学校。
5.学生报到
家长查看录取结果,打印入学通知书,按学校入学要求按时带学生到校报到注册。
五、民办学校招生方式
宜昌天问学校(含初中部、小学部)、点军区优德外国语学校两所民办学校招生在全市统一的招生平台上通过家长网上报名确认。每名学生家长在申报民办学校学位时,需首先申报1个公办学校学位,再申报1个民办学校学位,且只能申报1个民办学校学位参加该校招生录取。
民办学校按招生计划招录学生,不得突破招生计划数。民办九年一贯制的学校的初中部,可在总计划内分设本校小学直升计划和校外招生计划。
6月28日、6月30日,区教育局分别开展民办小学、民办初中摇号录取工作。
当报名人数小于或等于民办学校招生计划的,全部录取。报名人数超过招生计划的,按市教育局统一要求,校外计划录取实施电脑随机方式录取。
民办学校录取名单在市招生平台上进行公示。学生被民办学校录取后,不再保留公办学校学位。
↓学校招生咨询电话↓
关于做好猇亭区
根据《幼儿园工作规程》、《省教育厅关于进一步规范幼儿园办园行为的通知》、《宜昌市学前教育规范办园行为九不准》等规定,现将2021年秋季学期伍家岗区公办幼儿园招生工作公告如下:
↓伍家岗区幼儿园基本信息表↓
来源丨西陵区教育局、点军教育、猇亭教育、伍家教育
编辑丨好儿 编审丨翟婷婷
转载须注明来源
*请认真填写需求信息,我们会在24小时内与您取得联系。