Js中的bom

Posted 2020-09-11 殷瑜泰

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Js中的bom相关的知识，希望对你有一定的参考价值。

(1)window对象

弹块的方法

提示块：

window.alert("提示信息");

Code:

var res = alert("xxx");

alert(res);

确认块：

window.confirm("确认信息");

有返回值：如果点击确认返回true，如果点击取消返回false

code：

var res = confirm("您确认要删除吗？");

alert(res);

输入框：prompt("提示信息");

有返回值：如果点击确认返回输入框的文本点击取消返回null

Code:

var res = prompt("请输入密码？");

alert(res);

open方法：

window.open("url地址");

Code:

open("../jsCore/demo10.html");

定时器：

setTimeout(函数,毫秒值);

Code：

setTimeout(

function(){

alert("xx");

3000

);

clearTimeout(定时器的名称); //清除定时器

Code:

var timer;

var fn = function(){

alert("x");

timer = setTimeout(fn,2000);

};

var closer = function(){

clearTimeout(timer);

};

fn();

</script>

</head>

<body>

</body>

setInterval(函数,毫秒值);

Code:

var timer = setInterval(

function(){

alert("nihao");

2000

);

var closer = function(){

clearInterval(timer);

};

</script>

</head>

<body>

</body>

Code:注册后5秒钟跳转首页

var time = 5;

var timer;

timer = setInterval(

function(){

var second = document.getElementById("second");

if(time>=1){

second.innerHTML = time;

time--;

}else{

clearInterval(timer);

location.href="../jsCore/demo10.html";

}

1000

);

</script>

</head>

<body>

恭喜您注册成功，<span id="second" style="color: red;">5</span>秒后跳转到首页，如果不跳转请<a href="../jsCore/demo10.html">点击这里</a>

</body>

(2)location

location.href="url地址";

(3)history：历史对象

back(); 回退

forward();前进

go();

code:

以上是关于Js中的bom的主要内容，如果未能解决你的问题，请参考以下文章

从零开始的JS生活——BOMDOM与JS中的事件

[JS-BOM]BOM_History历史记录对象