JavaScript总结三

浏览器对象模型(BOM)

总写:
BOM是浏览器对象模型的简称。JavaScript将整个浏览器窗口按实现的功能拆分为若干个对象,JavaScript可以根据对象的形式来操作浏览器。是描述与浏览器进行交互的方法和接 口, ECMAscript是javascript的核心,但如果要在web中使用javascript,那么 BOM则无疑才是真正的核心。一个完整的BOM主要包括window、history、location和document等对象。

Window对象

Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。

1.常用属性:
document:窗口中当前显示的文档对象
history:history对象保存窗口最近加载的URL
location:当前窗口的URL
2.常用方法:


window常用方法

小贴士:
1.alert方法用于向用户弹出一个警告,或提示下一步怎么做。在alert方法中,是不会包含html标签的。但可以使用转义字符,如\n(换行)和\t(空格)等。
2.confirm方法创建确认框,用于确认用户针对某个问题的答案,必修经过用户同意操作才能完成。它包含两个按钮:“确定”和“取消”。如果点击“确定”,则返回true,如果点击“取消”则返回false。一般用于删除操作。
3.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。它有四个参数:第一个是新窗口的URL,第二个是新窗口的命名,第三个参数是设置新窗口的特征。这三个参数都能省略。
4.opan方法的窗口特征:


opan方法的窗口特征

5.close方法是关闭窗口对象。close方法没有参数,只需要让需要关闭窗口对象调用close方法即可。
6.setTimeout和setInterval方法类似于闹钟。通过它们开发人可以通过时间来然程序完成指定的任务。setTimeout会在指定时间完成指定任务然后退出。setInterval会根据时间间隔来反复执行指定代码,直到程序结束或利用clearInterval方法取消。它们都有两个参数,一个是带引号的程序代码或函数的调用,另一个是以毫秒外单位的表示时间。
7.history对象包含用户(在浏览器窗口中)访问过的 URL。
history对象的方法:


history对象的方法

8.location对象:用于打开窗口的URL 信息,类似于浏览器的地址栏。location通过window的location获取属性。其对象和方法如图:
location对象和方法

文档对象模型(DOM)

描述: 要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
DOM把HTML文档看成由元素、属性和文本组成的一颗独立的树,把HTML文档中的每一个成分视为一个节点。

DOM树

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 随机颜色的几种实现方法 已知hex的颜色值是从#000000到#ffffff,后面六位是16进制数,相当于“0x0...
    风的低语阅读 1,535评论 0 0
  • 不知道你有没有发现,不管是穿越剧,还是古装剧, 里面多是王爷的爱恨情仇。《甄嬛传》甄嬛的真爱是王爷,《步步惊心》若...
    露露Yao阅读 2,454评论 2 1
  • 我生长在一户人家的菜园里。这里远离城市空气新鲜,树木属杨树最多,各种鸟鸣
    灿烂阳光下阅读 1,216评论 0 0
  • 2019年6月16日 转眼间期末考试的日子快到了,自从六一以来,收心效果不太理想,晚上做作业各种磨蹭,做复习题静不...
    崔哲瀚加油吧阅读 1,180评论 0 3
  • 繁华落尽君辞去,几尽铅华终若此 是我太笨,还是我太认真?分手后的一年里,我还是无法将你淡出脑海!想用一根隐形的针,...
    黛安欧楠阅读 3,073评论 3 4

友情链接更多精彩内容