JavaScript BOM学习

间歇调用和超时调用

BOM里的核心对象:window
javascript是单线程语言，但是可以通过超时调用和间歇调用来调度代码在特定时刻执行

超时调用 setTimeout

setTimeout()	描述
作用	在指定的时间(毫秒数)后执行函数
参数	（要执行的函数（必须），以毫秒表示的时间（可选））
返回值	一个数字，代表当前setTimeout的ID，可以通过这个ID取消执行

<script>
     setTimeout(
        function(){
            alert("时间到啦");
        },1000)
</script>

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>

clearInterval

clearInterval()	描述
作用	取消某个间歇调用
参数	(间歇调用的id)

<script>
  var id= setInterval;
   clearInterval(id);
</script>

系统对话框

调用系统对话框向用户提示消息，当对话框显示的时候，代码会暂停执行，关掉对话框后代码继续执行

alert()

alert()	描述
作用	警告框/提示框
参数	(字符串)
返回值	无

    alert("提示");

confirm()

confirm()	描述
作用	确认对话框，有确认和取消两个按钮
参数	(字符串)
返回值	点击确认返回true，点击取消返回false

confirm("你确定要吃鸡嘛");

prompt()

prompt()	描述
作用	会话框，提示用户输入文本
参数	(字符串)
返回值	点击确认返回用户输入的文本，点击取消返回null

    var result=prompt("请输入你的姓名");
    console.log("你好"+result);

Location

提供当前窗口加载的文档的一些信息，还提供导航功能
既是window的对象，也是document的对象

属性

<script>
    console.log(window.location);
</script>

属性	描述
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);  //forward()
        history.go(-1); //back()
</script>