Dom笔记2：Window对象

来源：互联网发布：代码大全知乎编辑：程序博客网时间：2024/05/22 07:46

window 对象代表当前浏览器窗口，使用 window 对象的属性、方法的时候可以省略 window ，比如 window.alert('a') 可以省略成alert('aa') 。

(1)alert 方法，弹出消息对话框

(2)confirm 方法，显示 “ 确定 ” 、 “ 取消 ” 对话框，如果按了【确定】按钮，就返回 true ，否则就 false

 <script type="text/javascript">    function confimdom()    {    if(confirm("是否进入网站？"))    {    alert("进入");    }    else    {    alert("不进入");    }    }    </script>

(3)navigate函数：
重新导航到指定的地址：

 <input id="Button2" type="button" value="Button-navigate" onclick="navigate('http://www.baidu.com')" />

(4)setInterval 每隔一段时间执行指定的代码，第一个参数为代码的字符串，第二个参数为间隔时间（单位毫秒），返回值为定时器的标识。

写函数

    function startSetInterval()    {    setInterval("alert('哈哈')",5000);    }

调用：

  <input id="Button3" type="button" value="setInterval 测试" onclick="startSetInterval()" />

(5)clearInterval 取消 setInterval 的定时执行，相当于 Timer 中的Enabled=False 。因为 setInterval 可以设定多个定时，所以clearInterval 要指定清除那个定时器的标识，即 setInterval 的返回值。

函数：

<script type="text/javascript">        var Id;//定义一个全局的变量保存定时器的标识    function startSetInterval()    {    Id=setInterval("alert('哈哈')",2000);    }    </script>

调用：

<input id="Button4" type="button" value="停止setInterval" onclick="clearInterval(Id)" />

(6)setTimeout 也是定时执行，但是不像 setInterval 那样是重复的定时执行，而是只执行一次，对应的clearTimeout 函数也是清除定时。
很好区分： Interval ：间隔； timeout ：超时。

var timeoutId = setTimeout("alert('hello')", 2000);

案例：实现标题栏走马灯的效果，也就是浏览器的标题文字每隔200ms 向右滚动一下。提示：标题为 document.title 属性。实现代码参考备注。

<head>    <title>欢迎来到我的网站</title>    //实现思想：依次把第一个字符移动到最后一个字符之后，从而实现滚动    <script type="text/javascript">    function scroll()    {    var title=document.title;//通过document.title 取网页的标题（即：<title>欢迎来到我的网站</title>中间的字符）    var firstch=title.charAt(0);//charAt()函数：取指定的字符  （在这里取标题第一个字符）    var leftstr=title.substring(1,title.length);//去标题剩余的字符    document.title=leftstr+firstch;//剩余部分字符加上第一个字符 （即是：迎来到我的网站欢）        }    setInterval("scroll()",200);//每隔200毫秒第一个文字放在最后一个文字之后，从而实现滚动效果    </script>    </head>

练习：刚进入的时候还是向左滚动，点击【向左】按钮就向左连续滚动，点击【向右】按钮就向右连续滚动。

• 思路 1 、全局变量，标志当前的滚动方向，当点击向左的时候dir="left", 向右 dir="right" 。

• 思路 2 、 scrollleft scroolright, 向右滚的时候将 scrollleft 的 Interval clear 掉，然后 setInterval 启动 scrollright

(7)showModalDialog 弹出模态对话框，注意 showModalDialog 必须在 onClick 等用户手动触发的事件中才会执行，否则可能会被最新版本的浏览器当成广告弹窗而拦截。
• 第一个参数为弹出模态窗口的页面地址。
• 在弹出的页面中调用 window.close() （不能省略 window.close() 中的window. ）关闭窗口，只有在对话框中调用 window.close() 才会自动关闭窗口，否则浏览器会提示用户进行确认。

(8)showModelessDialog 弹出非模态窗口，参数等和showModalDialog 一样。