08javascriptBOM.md
goer ... 2022-01-05 大约 1 分钟
[toc]
# 浏览器对象模型
# 1. js构成
ECMAscriptECMA基础语法 es6/es7...
BOM (browser object model)浏 览器模型
DOM(document object model)文档对象模型
# 2. BOM
BOM (browser object model)浏 览器模型
共有5个子对象
- location 地址栏
- history 历史记录
- document 文档内容
- window 窗口
- state 状态栏
# (1) location 地址栏
// location
// a.获取设置当前地址栏
location.href; //获取地址栏当前地址
location.href = 'http://baidu.com'; //修改地址
// b.刷新，必须加条件内，否则无限刷新
location.reload();
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# (2) history 历史记录
// history
window.history.go(-1); // 后退一步
window.history.go(3); // 前进3步
window.history.back(); // 后退一步
window.history.forward(); // 前进一步
1
2
3
4
5
6
7
2
3
4
5
6
7
# (3) document 文档内容
// document
document.write("内容") //在文档内输出内容
1
2
3
4
2
3
4
# (4)window 窗口
/r/n：换行-- 新知识
// window
// a. alert 系统消息框
alert('警告警告！');
window.alert('111') //window对象可以省略不写
// b. confirm 确认对话框
var con2 = confirm('你确定删除么？');
console.log(con2)
// 点击确认是true 取消是 false
// c. prompt 输入内容框
var pro1 = prompt('输入你的姓名：','彭于晏分晏')
// 第二个值是默认值。
// d.open 打开窗口
window.open('http://www.baidu.com','','width:700,height:700')
// 第一个值是地址
// 第二个值是打开方式
// 第三值窗口宽高
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23