jsBOM操作初步学习

来源：互联网发布：面包旅行知乎编辑：程序博客网时间：2024/06/05 11:55

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)"/>

阅读全文

0 0