4.4.BOM浏览器对象模型
window代表窗体, 内置多种对象, 每种对象包含多种方法及属性
4.4.1.location 地址栏
window.location.href = "url"; // 当前窗口加载指定的页面
location.reload(); //刷新
4.4.2.history 访问历史记录
window.history.back(); // 返回上一页面
window.history.forward(); // 前进到下一页面
window.history.go(-1); // 向前或者向后跳转几个页面
window.history.length; // 总访问数
4.4.3.时间处理
4.4.3.1.延时效果:
ident=window.setTimeout("alert('延时弹出')",1000);
window.clearTimeout(ident); // 取消延时效果
4.4.3.2.定时效果:
iv=window.setInterval("alert('定时弹出')",1000);
window.clearInterval(iv); // 取消定时效果
4.4.4.对话窗口
4.4.4.1.警告(提示)窗
window.alert("提示内容"); // 警告提示窗
4.4.4.2.确认窗
window.confirm("你确定吗?"); // 确认窗口
4.4.4.3.输入窗
window.prompt("请输入"); // 输入窗口
以上三种窗口弹出时, 程序暂停进行
4.4.4.4.控制台 console
控制台输出 console.log();
console.info()
console.error()
注意: 是浏览器的控制台, 打开”开发者工具”才能看到
4.4.4.5.在窗体中生成HTML元素
document.write("<input>")
4.4.5.窗体
4.4.5.1.弹出页面 open
op = window.open("open1.html"); // 弹出窗体
4.4.5.2.框架页
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<frameset rows="80,*">
<frame src="top.html" name="top"/>
<frameset cols="180,*">
<frame src="left.html" name="left" />
<frame src="right.html" name="right"/>
</frameset>
</frameset>
</html>
4.4.5.3.内嵌页面子窗口
<iframe name="标识" src="页面路径" width="" height=""></iframe>