<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('/') + , 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>

js获取当前页面url信息的更多相关文章

  1. js获取当前页面url信息方法(JS获取当前网址信息)

    设置或获取对象指定的文件名或路径. alert(window.location.pathname) 设置或获取整个 URL 为字符串. alert(window.location.href); 设置或 ...

  2. Js获取当前页面URL各种参数

    JS获取当前页面URL各种参数 一:Location Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.locatio ...

  3. JS获取当前页面URL的方法

    1.JS获取当前页面URL的方法小结 ①. document.URL;                           http://localhost:81/Test/1.htm/id/12 ② ...

  4. js获取当前页面url网址信息

    js如何准确获取当前页面url网址信息 在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 下面我们举例一个URL,然后获得它的各个 ...

  5. js获取当前页面url网址等信息

    使用js获取当前页面的url网址信息. 1.设置或获取整个 URL 为字符串: window.location.href 2.设置或获取与 URL 关联的端口号码: window.location.p ...

  6. [JavaScript] js获取当前页面url网址信息

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblog ...

  7. JS获取当前页面的URL信息

    设置或获取对象指定的文件名或路径. <script> alert(window.location.pathname) </script> 设置或获取整个 URL 为字符串. & ...

  8. js获取当前页面的url信息方法

    例如网址:http://localhost:12085/My/OrderM.aspx 设置或获取对象指定的文件名或路径. alert(window.location.pathname) 输出结果:/M ...

  9. 获取当前页面URL信息

    文章链接:http://www.cnblogs.com/hongmaju/p/5510988.html 查看信息可以在控制台输出(tab或者右移补全): 如:document.URL  window. ...

随机推荐

  1. 设计模式及UML图

    UML图 1. 依赖关系

  2. luogu P5471 [NOI2019]弹跳

    luogu 因为是一个点向矩形区域连边,所以可以二维数据结构优化连边,但是会MLE.关于维护矩形的数据结构还有\(KD-Tree\),所以考虑\(KDT\)优化连边,空间复杂度\(m\sqrt n\) ...

  3. vue-无限滚动

    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto& ...

  4. vuex用法

    // 配置vuex的步骤 // 1. 运行 cnpm i vuex -S // 2. 导入包 import Vuex from 'vuex' // 3. 注册vuex到vue中 Vue.use(Vue ...

  5. Hive的日志操作

    想要看hive的日志,我们查看/home/hadoop/hive/conf/hive-log4j2.properties # list of properties property.hive.log. ...

  6. vue+axios请求头封装

    import { mapMutations } from 'vuex' import axios from 'axios' import { Toast } from 'mint-ui'; impor ...

  7. Java数据结构浅析

    程序 = 数据结构 + 算法 本文概述Java中常用的数据结构,并简述其使用场景 1. 数据结构的定义 数据结构是一种逻辑意义,指的是逻辑上的数据组织方式及相应的处理,与数据在磁盘的具体存储方式不完全 ...

  8. linux网络协议栈--路由流程分析

    转:http://blog.csdn.net/hsly_support/article/details/8797976 来吧,路由 路由是网络的核心,是linux网络协议栈的核心,我们找个入口进去看看 ...

  9. shell脚本基础和grep文本处理工具企业应用2

    shell脚本编程:        编程语言的分类:        根据运行方式            编译运行:源代码-->编译器(编译)-->程序文件                优 ...

  10. PAT1005 继续(3n+1)猜想

    卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推过程中遇到的每一个数.例如对 n=3 进行验证的时 ...