window对象
window对象是整个BOM核心。
包括:history、document、location
使用BOM可实现如下功能:
》弹出新的浏览器窗口
》移动、关闭浏览器窗口以及调整窗口大小
》在浏览器窗口中实现前进、后退等功能
常用属性
history ---->有关客户访问过的URL信息
location ---->有关当前URL的信息
screen ---->只读属性,包含有关客户端显示屏幕的信息
语法:
window.属性名=“属性值”;
示例:
window.location="https://www.baidu.com";
// 表示跳转到百度网页
screen.height
//返回显示浏览器的屏幕的高度,单位为像素
常用方法
》prompt() ---->显示可提供用户输入的对话框
》alert() ---->一个带有提示信息和一个“确定”按钮的警示对话框
》confirm() ---->一个带有提示信息、“确定”和“取消”按钮的对话框
》close() ---->关闭浏览器窗口
》open() ---->打开一个新的浏览器窗口
》setTimeout() ---->在指定的毫秒数后调用函数或计算表达式
》setInterval() ---->按照指定的周期来调用函数或表达式
语法:
window.方法名();
window对象是全局对象,所以window可省略
示例:confirm()
var flag=confirm("确定要删除此信息吗?");
if (flag==true){
alert("删除成功!");
} else {
alert("取消删除!");
}
示例:close()
var flag=confirm("确定要删除此信息吗?");
if (flag==true){
alert("删除成功!");
close();
} else {
alert("取消删除!");
}
示例:open()
window.open("弹出窗口的url","窗口名称","窗口特征")
窗口特征属性:
》height、width ---->窗口文档显示区的高度、宽度,以像素计
》left、top ---->窗口的x、y坐标,以像素计
》toolbar=yes|no|1|0 ---->是否显示浏览器的工具栏,默认yes
》scrollbars=yes|no|1|0 ---->是否显示滚动条,默认yes
》location=yes|no|1|0 ---->是否显示地址栏,默认yes
》status=yes|no|1|0 ---->是否添加状态栏,默认yes
》menubar=yes|no|1|0 ---->是否显示菜单栏,默认yes
》resizable=yes|no|1|0 ---->窗口是否可调节尺寸,默认yes
》titlebar=yes|no|1|0 ---->是否显示标题栏,默认yes
》fullscreen=yes|no|1|0 ---->是否使用全屏模式,默认no
示例:
HTML中的代码:
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="css/demo3.css" rel="stylesheet" type="text/css"/>
</head>
<body οnlοad="open_div();">
<div class="content">
<div class="logo">
<span οnclick="close_plan()">关闭</span>
</div>
</div>
<script type="text/javascript" src="js/demo3.js"></script>
</body>
js中的代码:
function open_div() {
window.open("demo2.html","广告页面","");
}
function close_plan() {
window.close();
}
css中的代码:
div{
margin:0;
padding:0;
}
.logo{
width:764px;
margin:0 auto;
}
-----------------------------------
history对象和location对象 p49