js使用location.href实现url跳转

爬楼梯的小新

已于 2022-02-06 14:13:59 修改

阅读量4.8k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

于 2021-07-28 00:22:31 首次发布

本文链接：https://blog.csdn.net/weixin_57607714/article/details/119156841

版权

JavaScript 专栏收录该内容

86 篇文章 4 订阅

订阅专栏

location属性用于获取或设置浏览器的url 并且可以解析url 因为这个属性返回的是一个对象所以也被称为location对象

重点记住href和search

对象属性	返回值
location.href	获取或设置整个url
location.host	返回主机(域名
location.port	返回端口号如果未写返回空字符串
location.pathname	返回路径
location.search	返回参数 url的查询部分
location.hash	返回片段 #后面内容常见于锚点链接

案例：点击按钮跳转到百度

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <form id="form1" action="">
        <!-- 这里type=button 不要写submit -->
        <input type="button" onclick="jump();" value="跳转" />
    </form>

    <script>
        function jump() {
            top.location.href = "http://www.baidu.com";
        }
    </script>
</body>

</html>