javascript的window对象实例学习

发布时间:2019-10-12编辑:脚本学堂
javascript的window对象实例学习

window对象常用的函数:
alert();
window.open();      打开一个新的页面,可以在()指定新页面的基本属性如宽度、高度、是否可变大小等。
window.confirm();   弹出确认框,直接返回boolean型的数据。
window.location();  页面重定向

window.open();实例:

复制代码 代码如下:
<script language="javascript">
 function fun(thisurl){
  window.open(thisurl,"页面标题","width=500,height=200,scrollbars=yes,resizable=no");
 }
</script>

HTML部分: 
 

复制代码 代码如下:
 <form action="" method="post" name="myform">
    选择页面:<select name="url" onchange="fun(this.value)">
                <option value="#">html 1</option>
                <option value="#">html 2</option>
                <option value="#">html 3</option>
    </select>
    </form>

PS:在子窗口中可以通过opener来操作父窗口的对象。如通过opener调用页面的刷新操作window.opener.location.reload();就可以对父窗口进行刷新。

window.confirm(); 实例:
 

复制代码 代码如下:
<script language="javascript">
 function fun(){
  if(window.confirm("确认删除?")){
   alert("OK,确定!");
  }else{
    alert("OK,取消!");
  }
 }
</script>

HTML部分:
 

复制代码 代码如下:
<a href="#" onclick="fun()">删除联系人</a>

window.location(); 实例

复制代码 代码如下:
<script language="javascript">
 function fun(thisurl){
  window.location=thisurl;
 }
</script>

HTML部分:
 

复制代码 代码如下:
选择搜索引擎:<select name="url" onchange="fun(this.value)">
        <option value="#">---请选择要使用的搜索引擎---</option>
        <option value="http://www.baidu.com">百度</option>
        <option value="http://www.google.com">谷歌</option>
        <option value="http://www.sogou.com">搜狗</option>
    </select>