Dom笔记2：Window对象

最新推荐文章于 2022-10-26 07:21:30 发布

zhanzkw

最新推荐文章于 2022-10-26 07:21:30 发布

阅读量633

点赞数

分类专栏： Dom 文章标签： button function scroll 浏览器 input timer

本文链接：https://blog.csdn.net/studyalllife/article/details/6750151

版权

Dom 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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" οnclick="navigate('http://www.baidu.com')" />

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

写函数

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

调用：

  <input id="Button3" type="button" value="setInterval 测试" οnclick="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" οnclick="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 一样。

zhanzkw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom笔记2：Window对象

window 对象代表当前浏览器窗口，使用 window 对象的属性、方法的时候可以省略 window ，比如 window.alert('a') 可以省略成alert('aa') 。(1)alert 方法，弹出消息对话框(2)confirm 方法，显示
复制链接

扫一扫

专栏目录