BOM对象——函数和对象

最新推荐文章于 2024-09-27 15:15:00 发布

炬火埋土

最新推荐文章于 2024-09-27 15:15:00 发布

阅读量139

点赞数

分类专栏： Javascript 文章标签：网络 tcp/ip 网络协议

本文链接：https://blog.csdn.net/qq_51526974/article/details/123234729

版权

Javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

setTimeout()

在指定的毫秒数后调用函数或计算表达式，返回一个唯一的标识，也可以通过返回的标识
clearTimeout()来清除指定函数的执行。

var id = setTimeout(function,time);


       <button type="button" onclick="init()">开始按钮</button>
        <h2 id="time"></h2>

<script type = "text/javascript">
        function init(){
            let time = new Date().toLocaleTimeString();
            document.getElementById("time").innerHTML = time;
            setTimeout(init,1000);
        }
</script>

不断调用init函数，实现每秒显示一次时间

setInterval()

setInterval()：可以按照指定的周期（以毫秒计）来调用函数或者计算表达式，
也可根据返回的标识用来结束，该方法会不停的调用函数，直到clearInterval()被调用或者窗口被关闭

<button type="button" onclick="hello()">定时执行</button>

 <script type = "text/javascript">
        //定时执行
        function hello(){
            setInterval(function(){
                console.log('hello');
            },1000)
        }
    </script>

History

history对象是历史对象，包括用户（在浏览器窗口中）访问过的URL。history对象是windows
对象的一部分，可通过windows，history属性对其进行访问

history对象的属性：length，返回浏览器历史列表中的URL

history对象的方法：

back():加载history列表中的前一个URL
forward():加载历史列表中的下一个URL，当页面第一次访问时，还没有下一个URL
go(number|URL):参数使用的是要访问的URL，而number参数使用的是要访问的URL
在History的URL列表中的相对位置，go(-1),到上一个页面

Location对象

location对象是windows对象之一，提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能，也可通过window。location属性来访问

            location对象的属性 href：设置或返回完整的URL

location():对象的方法

reload():重新加载当前文档
replace():用新的文档替换当前文档

replace方法的使用

 <body>
        <button type="button" onclick="fucking()">跳转</button>
 </body >

 <script type = "text/javascript">
       function fucking(){
           window.location.href = "http://www.baidu.com";
       }
 </script>

 <body>
        <button type="button" onclick="shit()">replace </button>
 </body >
 
 <script type = "text/javascript">
       function shit(){
           window.location.replace ("http://www.csdn.com");
       }
 </script>