36BOM-location——js基础

最新推荐文章于 2024-08-12 22:28:07 发布

StudiousTiger

最新推荐文章于 2024-08-12 22:28:07 发布

阅读量85

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/m0_45067620/article/details/107859249

版权

Tiger の JavaScript-基础专栏收录该内容

47 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            location
                -该对象可以获取浏览器地址栏的信息,或者修改地址栏信息
                方法：
                    assign()  跳转指定页面，和直接修改location一样
                    reload()  重新加载当前页面，也就是刷新，如果在方法中传递true，则是清空缓存刷新页面
                    replace() 和assign()类似，但是不能回退上一个页面（不生成历史记录）
        */
       window.οnlοad=function(){
        var bt=document.getElementById("bt");
            bt.οnclick=function(){
                // 获取浏览器地址栏的信息
                alert(location)
            }
            var bt2=document.getElementById("bt2");
            bt2.οnclick=function(){
                // 修改地址栏信息
                location="http://www.baidu.com";
            }
       };
    </script>
</head>
<body>
    <button id="bt">获取地址</button>
    <button id="bt2">去百度</button>
</body>
</html>

StudiousTiger

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
36BOM-location——js基础

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> /* lo
复制链接

扫一扫

专栏目录