首页 > 代码库 > Js中的bom
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: |
<script type="text/javascript"> var timer; var fn = function(){ alert("x"); timer = setTimeout(fn,2000); }; var closer = function(){ clearTimeout(timer); }; fn(); </script> </head> <body> <input type="button" value="http://www.mamicode.com/button" onclick="closer()"> </body> |
setInterval(函数,毫秒值);
Code: |
<script type="text/javascript"> var timer = setInterval( function(){ alert("nihao"); }, 2000 ); var closer = function(){ clearInterval(timer); }; </script> </head> <body> <input type="button" value="http://www.mamicode.com/button" onclick="closer()"> </body> |
Code:注册后5秒钟跳转首页 |
<script type="text/javascript"> 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="http://www.mamicode.com/jsCore/demo10.html"; } }, 1000 ); </script>
</head> <body> 恭喜您注册成功,<span id="second" style="color: red;">5</span>秒后跳转到首页,如果不跳转请<a href="http://www.mamicode.com/jsCore/demo10.html">点击这里</a> </body> |
(2)location
location.href="http://www.mamicode.com/url地址";
(3)history:历史对象
back(); 回退
forward();前进
go();
code: |
<input type="button" value="http://www.mamicode.com/上一页" onclick="history.back()"> <input type="button" value="http://www.mamicode.com/下一页" onclick="history.forward()">
<input type="button" value="http://www.mamicode.com/上一页" onclick="history.go(-1)"> <input type="button" value="http://www.mamicode.com/下一页" onclick="history.go(1)">
|
Js中的bom