间歇调用和超时调用
BOM里的核心对象:window
javascript是单线程语言,但是可以通过超时调用和间歇调用来调度代码在特定时刻执行
超时调用 setTimeout
setTimeout() | 描述 |
---|
作用 | 在指定的时间(毫秒数)后执行函数 |
参数 | (要执行的函数(必须),以毫秒表示的时间(可选)) |
返回值 | 一个数字,代表当前setTimeout的ID,可以通过这个ID取消执行 |
<script>
setTimeout(
function(){
alert("时间到啦");
},1000)
</script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/320583063eef22145a427b63ff370997.png)
clearTimeout
clearTimeout() | 描述 |
---|
作用 | 取消某个超时调用 |
参数 | (超时调用的id) |
<script>
var id =setTimeout(
function(){
alert("时间到啦");
},1000)
clearTimeout(id);
</script>
间歇调用 setInterval
setInterval() | 描述 |
---|
作用 | 在指定的时间周期重复调用函数,直到窗口关闭或者调用clearInterval才结束 |
参数 | (要执行的函数,以毫秒表示的时间()) |
<script>
setInterval(function() {
console.log("该吃药啦"+new Date());
}, 2000);
</script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/86cf542172d477f2cc871605cf6ddeac.png)
clearInterval
clearInterval() | 描述 |
---|
作用 | 取消某个间歇调用 |
参数 | (间歇调用的id) |
<script>
var id= setInterval;
clearInterval(id);
</script>
系统对话框
调用系统对话框向用户提示消息,当对话框显示的时候,代码会暂停执行,关掉对话框后代码继续执行
alert()
alert() | 描述 |
---|
作用 | 警告框/提示框 |
参数 | (字符串) |
返回值 | 无 |
alert("提示");
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cded323ebb5e6f85c6bdb00b184bb752.png)
confirm()
confirm() | 描述 |
---|
作用 | 确认对话框,有确认和取消两个按钮 |
参数 | (字符串) |
返回值 | 点击确认返回true,点击取消返回false |
confirm("你确定要吃鸡嘛");
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7a385857143595293b5f83139b9ae09d.png)
prompt()
prompt() | 描述 |
---|
作用 | 会话框,提示用户输入文本 |
参数 | (字符串) |
返回值 | 点击确认返回用户输入的文本,点击取消返回null |
var result=prompt("请输入你的姓名");
console.log("你好"+result);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/497e18a2cb4713e0370826ba977b06b5.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5c5795605ec10c64824a3a15acf38265.png)
Location
提供当前窗口加载的文档的一些信息,还提供导航功能
既是window的对象,也是document的对象
属性
<script>
console.log(window.location);
</script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9baf12fd5edae72724b1f1a4e4ffcbe4.png)
属性 | 描述 |
---|
host: “127.0.0.1:5500” | 服务器名称:端口号 |
hostname: “127.0.0.1” | 服务器名称 |
href: “http://127.0.0.1:5500/9-9/4-Location.html” | 当前页面的完整路径 |
origin: “http://127.0.0.1:5500” | 源 |
pathname: “/9-9/4-Location.html” | 返回URL的目录和文件名 |
port: “5500” | 端口号 |
protocol: “http:” | 协议 |
方法
assign() | 描述 |
---|
作用 | 载入一个新的url,并且生成一条新的浏览记录,可以回退 |
<script>
location.assign("http://baidu.com");
</script>
replace() | 描述 |
---|
作用 | 用新的url替换当前url,不可以回退 |
<script>
location.replace("http://taobao.com");
</script>
reload() | 描述 |
---|
作用 | 重新加载当前显示的页面 |
参数 | 为true时会强制刷新 |
<script>
location.reload(true);
</script>
history对象
该对象保存着用户上网的历史记录,处于安全考虑,无法得知用户浏览的url,但我们可以拿到列表,实现前进后退
属性 | 描述 |
---|
length | 返回历史列表中的网址数(注意Firefox Chrome Safari都是从1开始,IE和Opera从0开始) |
方法 | 描述 |
---|
back() | 加载history列表中的前一个url |
forward() | 加载history列表中的下一个url |
go() | 加载列表中的某个具体页面 参数(数字,可以为负数) |
<script>
history.go(1);
history.go(-1);
</script>