jsBOM操作初步学习

最新推荐文章于 2024-04-23 09:10:13 发布

name_zj

最新推荐文章于 2024-04-23 09:10:13 发布

阅读量410

点赞数

分类专栏： web 文章标签： js

本文链接：https://blog.csdn.net/King_crazy/article/details/77857296

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、window对象
（1）弹框方法

A、提示框： alert("提示信息");

这里写图片描述
没有返回值

B、确认框： confirm("提示信息");

有返回值，点击确认返回true，取消返回false。

C、提示框：promtp("提示信息");

这里写图片描述
有返回值，点击确认返回输入框内容，取消返回null。

（2）方法：open方法
open(url)
例如:

open("http://baidu.com");

（3）定时器
A、setTimeout(函数，毫秒值）：代表一定的毫秒值之后执行函数
例如：

setTimeout(
    function(){
        open("http://baidu.com");
    },
    3000
)

关闭定时器clearTimeout(定时器对象）(具体如下个函数）。

B、setInterval(函数，毫秒值）：代表每间隔一定的毫秒值后执行函数
例如：

setInterval(
    function(){
        open("http://baidu.com");
    },
    3000
)

关闭定时器clearInterval(定时器对象）
例如：

var timer = setInterval(
    function(){
        open("http://baidu.com");
    },
    3000
    );
function fn(){
    clearInterval(timer);
}

<body>
    <input type="button" value="clear" onclick="fn()"/>
</body>

2、location对象

location.href="跳转的url";

注：本页跳转。
示例代码：

<style type="text/css">span{ color:red; }</style>

<script type="text/javascript">
    var num = 5;
    var timer= setInterval(
        function(){
            if(num>0){
                var spanEle = document.getElementById("second");
                spanEle.innerHTML = num; 
                num-- ;
            }else{
                location.href="http://baidu.com";
            }
        },
        1000
    );
</script>

<body>
  恭喜你注册成功，<span id="second">5</span>秒钟后跳转到首页，如不跳转<a href="http://baidu.com">请点击这里</a>
 </body>

注：该代码实现5秒后本页跳转

3、history对象

history.back();         //返回上一页
history.forword();      //下一页
history.go(参数);       //-1：上一页  1：下一页

例如：

<input type="button" value="上一页" onclick="history.back()"/>

<input type="button" value="下一页" onclick="history.forword()"/>

<input type="button" value="上一页" onclick="history.go(-1)"/>

<input type="button" value="下一页" onclick="history.go(1)"/>

name_zj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsBOM操作初步学习

1、window对象（1）弹框方法A、提示框： alert("提示信息"); 没有返回值B、确认框： confirm("提示信息"); 有返回值，点击确认返回true，取消返回false。C、提示框：promtp("提示信息"); 有返回值，点击确认返回输入框内容，取消返回null。（2）方法：open方法 open(url) 例如:open("http://baidu.com");
复制链接

扫一扫