js获取当前页面url信息

最新推荐文章于 2023-06-06 18:08:51 发布

Lyuuku爱吃苹果

最新推荐文章于 2023-06-06 18:08:51 发布

阅读量1w

点赞数 2

本文链接：https://blog.csdn.net/ht_kasi/article/details/88405595

版权

js获取当前页面url信息

```    
<!DOCTYPE html>  
    <html>  
        <head>  
            <meta charset="utf-8" />  
            <title></title>  
            <script>  
                var url;  

                url = window.location.href; /* 获取完整URL */  
                alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */  

                url = window.location.pathname; /* 获取文件路径（文件地址） */  
                alert(url); /* /Test/index.html */  

                url = window.location.protocol; /* 获取协议 */  
                alert(url); /* http */  

                url = window.location.host; /* 获取主机地址和端口号 */  
                alert(url); /* http://127.0.0.1:8020/ */  

                url = window.location.hostname; /* 获取主机地址 */  
                alert(url); /* http://127.0.0.1/ */  

                url = window.location.port; /* 获取端口号 */  
                alert(url); /* 8020 */  

                url = window.location.hash; /* 获取锚点（“#”后面的分段） */  
                alert(url); /* #test?name=test */  

                url = window.location.search; /* 获取属性（“?”后面的分段） */  
                alert(url);  

                /* 如果需要URL中的某一部分，可以自己进行处理 */  
                url = window.location.pathname;  
                url = url.substring(url.lastIndexOf('/') + 1, url.length);  
                alert(url); /* /index.html */  

                /*  
                * 如果页面使用了框架（frameset）  
                * 要获取到指定页面的URL  
                * 只要把window换成指定的页面即可  
                */  
                /* 'frame'为指定页面的class名 */  
                var url = window.parent.frames['frame'].location.href;  
                /* 获取当前地址栏中显示的URL */  
                var url = window.parent.location.href;  
                /* window parent 可互换 */  
                var url = parent.window.location.href;  
            </script>  
        </head>  
        <body>  
        </body>  
    </html>

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">

```

posted @ 2019-01-20 05:42 kasi 阅读( ...) 评论( ...) 编辑收藏

Lyuuku爱吃苹果

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
js获取当前页面url信息

js获取当前页面url信息 ``` &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&g...
复制链接

扫一扫