<html>
<head>
<title>标题-window_Demo</title>
</head>
<script language="Javascript">
/***************************************
* script函数全都写在这就行
* 下边body中分开些,是为了看着清楚一点
****************************************/
</script>
<body>
<!-- 1.单击弹出新窗口(window.open) -->
<script language="Javascript">
function clickFun(url) //单击事件函数
{
//window.open(url); //弹出一个工具栏和菜单栏都有的窗口
window.open(url,"弹窗标题","width=300,heigth=400,scrollbars=yes,resizeable=no");
}
</script>
<a href="#" onClick="clickFun('event_Demo.html')">单击后弹窗</a> <!-- 被单击超链接 -->
<br>
<!-- 2.确认框(window.confirm) -->
<script language="Javascript">
function confirmFun()
{
if(true == window.confirm("显示确认、取消两个按钮"))
{
alert("刚才选择了\"确认\"");
}
else
{
alert("刚才选择了\"取消\"或关闭了确认框");
}
}
</script>
<a href="#" onClick="confirmFun()">comfirm弹窗</a>
<br>
<!-- 3.重定向(window.location) -->
<script language="Javascript">
function locationFun(url)
{
window.location = url; //重定向
}
</script>
重定向下拉菜单:<select name="locationUrl" onChange="locationFun(this.value)">
<option value="#">请选择下拉菜单</option>
<option value="http://www.google.com.hk">Googel</option>
<option value="http://www.baidu.com">baidu</option>
</select>
<br>
<!-- 页面刷新 -->
<script language="Javascript">
function reloadFun()
{
location.reload();
}
</script>
<a href="#" onClick="reloadFun()">刷新窗口</a>
<br>
<!-- window.opener.XXX 调用父窗口的对象 -->
</body>
</html>
JavaScript入门之三:window对象
最新推荐文章于 2024-09-25 18:15:20 发布