2020-8-5-Location:地址栏对象

最新推荐文章于 2024-07-26 20:46:33 发布

feimeng4s

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量168

点赞数

分类专栏：基础学习文章标签： javascript

本文链接：https://blog.csdn.net/feimeng4s/article/details/107810019

版权

基础学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Location:地址栏对象

学习这个对象还是：
创建
属性
方法

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

这里遇到一个问题document.write()会清空原来的内容原因
付别人的链接为什么会清空

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Location对象</title>
    <style>
        p{
            text-align: center;

        }
        span{
            color: red;
        }
    </style>
</head>
<body>
    <p>
        <span id="time">5</span>秒后自动跳转到首页。。。
    </p>
    <script>
        /*
        * 这里既用到html 也用到JS 也用到了CSS
        * */
        //定义一个按钮，点击当前按钮，就去刷新当前页面
        /*var button1 = document.getElementById("button1");
        var location = window.location;
        button1.οnclick=function () {
            location.reload();
            alert("呵呵");
        }*/
        var second=5;
        function fun() {
            var time = document.getElementById("time");
            time.innerHTML= second;
            second--;
            //document.write(i);//齐了怪了 多写这一行语句都不能，都不能执行。 这个document.write()要谨慎使用，很容易出问题，会重新刷新页面写入新的文字
        }
        function sum() {
            fun();
            if(second==0){
                window.location.href="https://www.baidu.com";
                clearInterval(one);
            }
        }
        var one = setInterval("sum()",1000);//5秒后执行一次 这个别忘了加双引号
       /*
        var button1 = document.getElementById("button1");
       /!*
       * 这里有个问题就是先创建对象，再用对象调用方法  和  这个创建对象直接调用方法的快慢好像不一样。
       * 例如下面的改成 var location=window.location;再调用方法就会有延迟
       * *!/
        button1.οnclick=function () {
            //location.assign("http://www.baidu.com");
            //alert("呵呵");
            window.location.href="https://www.baidu.com";
        }*/
    </script>

</body>
</html>

对于上面的代码里面的一点属性：innerHTML
这个是Element对象的修改标签体内容的属性，是之前DOM为了简单学习：为了满足案例要求的而提前学的一点东西。

feimeng4s

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-8-5-Location:地址栏对象

Location:地址栏对象学习这个对象还是：创建属性方法reload()重新加载当前文档。replace()用新的文档替换当前文档。assign()加载新的文档。这里遇到一个问题document.write()会清空原来的内容原因付别人的链接为什么会清空<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Locat
复制链接

扫一扫