JavaScript/BOM编程
程序员文章站
2022-05-08 08:38:04
...
1、在BOM编程中，window对象是*对象，代表浏览器窗口。
2、window有open和close方法，可以开启窗口和关闭窗口。
如：
<body>
<script type="text/javascript">
</script>
<!-- open('url','参数')：
参数可以是：_self 当前窗口
_blank 新窗口
_parent 父窗口
_top *窗口-->
<input type="button" value="开启百度(新窗口)" onclick="window.open('https://blog.csdn.net/fan__lee/category_10358295.html')"/>
<input type="button" value="开启百度(当前窗口)" onclick="window.open('https://blog.csdn.net/fan__lee/category_10358295.html','_self')"/>
<input type="button" value="表单验证" onclick="window.open('../作业.html')">
<input type="button" value="关闭页面" onclick="window.close()">
</body>
弹出消息框和确认框
<body>
<script type="text/javascript">
function del(){
var ok = window.confirm("亲。确认删除数据吗？")
if (ok){
alert("数据已删除");
}
}
</script>
<input type="button" value="弹出消息框" onclick="window.alert('消息框')">
<!-- 删除要确认-->
<input type="button" value="弹出确认框" onclick="del();">
</body>
历史记录/前进、后退
回退：
window.history.back();
window.history.go(-1);
'界面1'
<body>
<a href="./007.html">007界面</a>
</body>
'007界面'
<body>
007 page!
<input type="button" value="后退" onclick="window.history.back()">
<input type="button" value="后退" onclick="window.history.go(-1)">
</body>
设置地址栏上的URL
<body>
<script type="text/javascript">
function gobaidu(){
//第一种
//var locationObj = window.location;
//locationObj.href = "https://blog.csdn.net/fan__lee/category_10358295.html";
//第二种
//window.location.href = "https://blog.csdn.net/fan__lee/category_10358295.html";
//第三种
//window.location = "https://blog.csdn.net/fan__lee/category_10358295.html";
//第四种：
//document.location.href = "https://blog.csdn.net/fan__lee/category_10358295.html";
document.location = "https://blog.csdn.net/fan__lee/category_10358295.html";
}
</script>
<input type="button" value="开启百度(新窗口)" onclick="gobaidu();"/>
</body>
总结 有哪些方法可以通过服务器往浏览器发请求
1、表单form的提交
2、超链接
3、document.location
4、window.location
5、window.open('url')
6、直接在浏览器输入URL,然后回车
但是，以上只有表单和直接输入URL是动态的，其他都是通过设置地址栏的方式传递信息给服务器，都是静态的
窗口问题
此时如果当前窗口不是*窗口，就把他设置为*窗口：
function setTop(){
if(window.top !=window.self){
window.top.location = window.self.location;
}
}
然后设置onclick = "setTop();"