Js 对浏览器的URL的操作

矫情吗；* 2021-07-24 20:31 381阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title></title>
            <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
            <script type="text/javascript">
                var url = "http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds";
                //设置或获取 href 属性中在井号“#”后面的分段。结果：df2016ds
                var hash = window.location.hash
    
                //设置或获取 location 或 URL 的 hostname 和 port 号码。结果：localhost:1850
                var host = window.location.host
    
                //设置或获取 location 或 URL 的主机名称部分。结果：localhost
                var hostname = window.location.hostname
    
                //设置或获取整个 URL 为字符串。结果：http://localhost:1850/Url/Url的操作.htm?test=测试js对URL操作#df2016ds
                var href = window.location.href
    
                //设置或获取对象指定的文件名或路径。结果：/Url/Url的操作.htm
                var pathname = window.location.pathname
    
                //设置或获取与 URL 关联的端口号码。结果：1850
                var port = window.location.port
    
                //设置或获取 URL 的协议部分。结果：http:
                var protocol = window.location.protocol
    
                //设置或获取 href 属性中跟在问号后面的部分。结果：?test=%E6%B5%8B%E8%AF%95js%E5%AF%B9URL%E6%93%8D%E4%BD%9C 等同?test=测试js对URL操作#df2016ds
                var search = window.location.search
                console.log(search);
            </script>
        </head>
        <body>
        </body>
    </html>