JavaScript BOM
window的open和close方法
<body>
<script type="text/javascript">
/*
1、BOM编程中，window对象是顶级对象，代表浏览器窗口。
2、window有open和close方法，可以开启窗口和关闭窗口。
*/
</script>
<input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com');" />
<input type="button" value="开启百度(当前窗口)" onclick="window.open('http://www.baidu.com', '_self');" />
<input type="button" value="开启百度(新窗口)" onclick="window.open('http://www.baidu.com', '_blank');" />
<input type="button" value="开启百度(父窗口)" onclick="window.open('http://www.baidu.com', '_parent');" />
<input type="button" value="开启百度(顶级窗口)" onclick="window.open('http://www.baidu.com', '_top');" />
<input type="button" value="关闭" onclick="window.close()"/>
</body>弹出确认框
<body>
<script type="text/javascript">
function del(){
if(window.confirm("亲，确认删除数据吗？")){
alert("delete data ....");
}
}
</script>
<!--删除操作的时候都要提前先得到用户的确认。-->
<input type="button" value="弹出确认框(删除)" onclick="del();" />
</body>设置顶级窗口
这是A窗口，里面包含一个子窗口B
<body>
<!--在当前窗口中隐藏的内部窗体。-->
<!-- <iframe src="http://www.baidu.com"></iframe> -->
<iframe src="child-window.html"></iframe>
</body>这是B窗口，现在要把B窗口设置为顶级窗口
<body>
child window.
<script type="text/javascript">
window.onload = function(){
var btn = document.getElementById("btn");
btn.onclick = function(){
if(window.top != window.self){
window.top.location = window.self.location;
}
}
}
</script>
<input type="button" value="将当前窗口设置为顶级窗口" />
</body>控制前进后退页面 window.history.back()/go(1)
<body>
<a href="007.html">007页面</a>
<input type="button" value="前进" onclick="window.history.go(1)"/>
</body><body>
007 page!
<input type="button" value="后退" onclick="window.history.back()" />
<input type="button" value="后退" onclick="window.history.go(-1)" />
</body>设置浏览器地址栏
<body>
<script type="text/javascript">
function goBaidu(){
document.location = "http://www.tmall.com";
}
</script>
<input type="button" value="新浪" onclick="goBaidu();"/>
<input type="button" value="baidu" onclick="window.open('http://www.baidu.com');" />
</body>
</html>
<!--
总结，有哪些方法可以通过浏览器往服务器发请求？
1、表单form的提交。
2、超链接。<a href="http://localhost:8080/oa/save?username=zhangsan&password=123">用户只能点击这个超链接</a>
3、document.location
4、window.location
5、window.open("url")
6、直接在浏览器地址栏上输入URL，然后回车。（这个也可以手动输入，提交数据也可以成为动态的。）
以上所有的请求方式均可以携带数据给服务器，只有通过表单提交的数据才是动态的。
-->- 上一篇 »JavaScript- BOM, DOM
- 下一篇 »PHP去除BOM头的方法