045JS-location.href

  • Post author:
  • Post category:其他


可设置或返回当前显示的文档的完整 URL

location.href=’’跳转到指定页面

location.assign() 跟href一样跳转页面记录历史记录

location.replace()替换当前页面不记录历史

location.reload()重新加载页面 f5

	用于获取或者设置窗体的url并解析url返回的是一个对象也成为location对象
	location 对象属性 返回值
    .href 获取或设置url
    .host 返回域名
    .port 返回端口号
    .pathname 返回路径
    .search 返回参数
    .hash 返回锚点
    <button>点击</button>
    <script>
        var btn = document.querySelector('button');
        btn.addEventListener('click', function () {
            console.log(window.location.href);
            // 赋值
            location.href = 'https://mp.csdn.net/console/article'

        })
    </script>



localtion.search

// 从浏览器的地址栏中获取查询参数
function getUrlParams(name) {
    // 数组["id=5efd4184c1a70b2b5c1818a3"]
    var paramsAry = location.search.substr(1).split('&');
    // 循环数据
    for (let i = 0; i < paramsAry.length; i++) {
        if (paramsAry[i].split('=')[0] == name) {
            return paramsAry[i].split('=')[1];
        }

    }
    return -1;
}



版权声明:本文为Gy_9543原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。