• BOM
• JS分为三个部分:ECMASCRIPT、BOM、DOM
• ECMASCRIPT:定义js基本语法
• BOM
• 什么是BOM:Browser Object Model浏览器对象模型,它定义了很多用来操作浏览器的方法和属性,注意它并不是一个对象,它是对象的集合,里面包含了很多的对象,里面有一个核心对象Window对象,window对象是一个全局对象,所谓全局对象,就是指文件中所定义的所有全局变量和方法都可以被window对象调用,换句话说我们定义的全局变量方法都是window对象的属性和方法
• window对象中包含了很对的方法,常用的方法有
• alert()
• confirm
• prompt()
• open():打开一个新的浏览器窗口,格式open(“新窗口所在地址”, “窗口名称”, “窗口所具有的属性”),注意,如不写名称,每次刷新,都会弹出一个新窗口,如过写名称,那么在刷新时只在原窗口中弹出,所包含属性有:
• width:设置新窗口的宽度
• height:设置新窗口的高度
• left:设置新窗口出现时距离屏幕左边的距离
• top:设置新窗口出现时距离屏幕上边的距离
• scrollbars:设置当窗口过小时,是否显示滚动条,默认不显示,即默认值为no,可以设置为yes(显示)
• resizable:设置窗口是否允许调节大小,默认不允许
• status:设置窗口是否显示状态栏,默认不显示
• location:设置窗口是否显示地址栏,默认不显示
• toolbar:设置窗口是否显示工具栏,默认不显示
• 注意:以上属性在IE浏览器下面效果明显,但是在谷歌或火狐中效果不明显,即有浏览器兼容问题
• 定时器
• setInterval:间隔一定时间重复执行某代码,类似于循环,但是和循环不同的是,它可以空执行的间隔
• setTimeout:在一定时间间隔后执行某代码,换句话说它可以令代码的执行有一个延迟效果
• setInterval格式:setInterval(“要执行的代码”,时间间隔);注意时间为毫秒值1000毫秒=1秒,它在执行时会有一个返回值,该返回值就是这个定时器的ID值,需要用一个变量来接收这个ID值
• 取消定时器
• clearInterval:作用是清除setInterval定时器,格式clearInterval(定时器编号);
• clearTimeout:作用是清除setTimeout定时器,格式clearTimeout(定时器编号);
• 注意:在使用定时器时,通常将要执行的操作封装到一个函数中,然后在定时器中调用该函数就可以了,格式:setInterval(函数名,时间间隔);如setInterval(fn,1000);
• setTimeout格式:setTimeout(“要执行的代码”,延迟时间),时间为毫秒值,返回值为timerID,也可以清楚,clearTimeont()
• document对象:用于控制HTML页面和页面中元素的对象
• 获取页面中元素的方法
• 通过元素的ID值获取页面中的元素:document.getElementById(“元素的ID值”);,注意它只能获取到页面中的一个元素因为ID的值是唯一
• 通过元素的名称获取元素:document.getElementsByTagName(“标签名”),注意它获取的页面中所有同类型的标签
• 通过元素的name属性获取页面中的元素document.getElementsByName(“name的属性值”),它的返回值也是一个数组,用来存储获取到的所有具有name属性的元素,常用于获取页面中的表单元素
• 如何用document对象修改或获取某元素的属性及属性值,格式:
• document.getElementById(“ID值”).属性 = “属性值”;
• 如何获取元素的样式(行内样式)
• 获取样式:document.getElementById(“id值”).style.属性
• 修改样式:document.getElementById(“id值”).style.属性 = 值
• 注意:如果属性中包含连字符-,那么在获取样式时需要将第二个单词的首字母大写,如font-size写成fontSize
• 如何修改元素中的内容
• 使用innerHTML:向元素写入内容,该元素可以div、p等,它可以解析HTML标签
• 使用innerText:向元素写如内容,但是不解析标签
• 使用value:向表单元素写如内容
原生JS-09
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...