大家好,这里是「从零开始学 Web 系列教程」,并在以下地址同步更新......
github:https://github.com/Daotin/Web
CSDN:https://blog.csdn.net/lvonve/
博客园:http://www.cnblogs.com/lvonve/
在这里我会从 Web 前端零基础开始,一步步学习 Web 相关知识,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!
一、BOM
1、BOM的概念
BOM(Browser Object Model):浏览器对象模型。
在浏览器中的一些操作都可以使用 BOM 的方法进行编程处理。
比如:刷新浏览器、前进、后退、在地址栏输入 URL 等。
2、BOM 顶级对象
BOM 的顶级对象是:window
window 是浏览器的顶级对象,当调用 window 下的属性和方法时,可以省略 window。
注意:
1、window 下的一个特殊属性:window.name,所以不要轻易定义 name 变量,会导致 window.name 被修改。
2、top 等同于 windows。
3、系统对话框
以上对话框都不建议使用。
1、弹框时页面无法加载;
2、各个浏览器的样式不相同,且样式不可自定义。
4、页面加载对象
提出问题:
我们知道,如果将 script 标签放在 head 里面的话,页面加载的时候是先加载的 script 标签,之后才加载 body 里面的标签。如果 script 特别大的话,就很影响用户体验。
解决办法:
1、将 script 标签放在 body 最后。
2、使用 事件。
1、如果不写 window.onload 的话,执行到 document.getElementById("btn") 会报错,因为程序是从上至下执行。
2、window.onload 事件会在页面加载完毕(页面中所有内容、标签、属性以及外部引入的 js文件)时触发。
3、window.onload 可以省略 window。
: 页面关闭后才触发的事件
:在页面关闭之前触发的事件
5、location 对象(地址栏)
学习一个对象主要是学习它里面的属性和方法。
5.1、属性
5.2、方法
和 : 设置跳转的页面地址,这两个属性和方法作用相同,并且都保存跳转前的地址(在浏览器中可以点击返回按钮)。
: 刷新页面
: 设置跳转的页面地址,但是不保存跳转前的地址。
6、history 对象
6.1、方法
7、navigator 对象
7.1、属性
欢迎关注
Web前端之巅
念念不忘,必有回响。
领取专属 10元无门槛券
私享最新 技术干货