精华内容
下载资源
问答
  • 获取地址栏参数

    2017-12-25 13:51:24
    获取地址栏参数

    获取地址栏参数

    第一种采用window.location方法

    window.location 对象所包含的属性

    属性 描述
    hash 从井号 (#) 开始的 URL(锚)
    host 主机名和当前 URL 的端口号
    hostname 当前 URL 的主机名
    href 完整的 URL
    pathname 当前 URL 的路径部分
    port 当前 URL 的端口号
    protocol 当前 URL 的协议
    search 从问号 (?) 开始的 URL(查询部分)


    Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

    ancestorOrigins: DOMStringList
    assign: function () { [native code] }
    hash: ""  //锚点
    host: "www.baidu.com"
    hostname: "www.baidu.com"
    href: "http://www.baidu.com/s?wd=location&rsv_spt=1&issp=1&rsv_bp=0&ie=utf-8&tn=baiduhome_pg&rsv_sug3=7&rsv_sug1=5&rsv_sug4=367&oq=loca&rsp=1&f=3&rsv_sug5=0"
    origin: "http://www.baidu.com" 
    pathname: "/s"
    port: ""  //端口
    protocol: "http:"
    reload: function () { [native code] }
    replace: function () { [native code] }
    search: "?wd=location&rsv_spt=1&issp=1&rsv_bp=0&ie=utf-8&tn=baiduhome_pg&rsv_sug3=7&rsv_sug1=5&rsv_sug4=367&oq=loca&rsp=1&f=3&rsv_sug5=0"
    toString: function toString() { [native code] }
    valueOf: function valueOf() { [native code] }
    __proto__: Location
    constructor: function Location() { [native code] }
    __proto__: Object


    页面跳转

     1 window.location="http://example.com"; 
        2 window.location.href="http://example.com"; 
        3 location="http://example.com"; 
        4 location.href="http://example.com"; 
        5 window.location.assign("http://example.com"); 
        6 window.location.replace("http://example.com");
    hash

    浏览器 iframe的url是否改变 地址栏hash值是否改变 是否支持
    Mozilla Firefox3.0 改变 改变 支持
    Google Chrome2.0 改变 改变 支持
    IE6 改变 不改变 不支持
    IE7 改变 不改变 不支持
    IE8 改变 改变 支持

    结论:除ie6及以下浏览器、ie7不支持外,其他浏览器都支持hash的“前进”、“后退”功能,同时也发现所有浏览器iframe的url都改变了,这是因为所有浏览器都支持iframe的url缓存,这与hash的缓存不是一个概念,所以排除iframe的url的数据干扰。

    replace

    复制代码
    有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个「返回」按钮,调用window.history.go(-1);wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了。 
    
    当用window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。 
    
    当用window.location.href("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是好用的,会返回2.jsp。 
    
    因为window.location.replace("3.jsp");是不向服务器发送请求的跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面1.jsp 。 
    
    window.location.href("3.jsp");是向服务器发送请求的跳转,window.history.go(-1); wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到2.jsp。 
    
    以上简单的说,如果使用window.location.replace,使用浏览器上一页的按钮,是不会回到呼叫window.location.replace的那个页面,而是回到window.location.replace呼叫前的那个页面。这个运用在跳页选单中,每按一次下拉式选单,就会使用window.location.replace跳到一个新页面(事实上是同一个页面,只是传值不同而已),如果用window.location.href来做,那么如果你很频繁的使用跳页选单来查询,那么当你按上一页时,看起来都会是回到同一个页面,如果使用window.location.replace的话,那么按上一页,看起来才象是回到上个页面中。 
    复制代码

     

     window.location 和 document.location 的区别

    window.location is read/write on all compliant browsers.
    document.location is read-only in Internet Explorer (at least), but read/write in Gecko-based browsers (Firefox, SeaMonkey).




    第二种方法:
    // 采用正则表达式获取地址栏参数
    // 但是在使用的过程中,发现其在获取中文参数的时候,获取到的值是乱码的
    // 解决办法:将解码方式unscape换为decodeURI
    // 原因:浏览器会将url中的中文参数进行encodeURI编码,所以要通过js使用decodeURI进行解码
    function GetQueryString(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return decodeURI(r[2]); return null;
    }

    调用方法:GetQueryString(name);

    展开全文
  • 地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper Location{ assign:ƒ (), // 加载新的... hostname:"127.0.0.1", // 设置或返回当前 URL 的主机名。 href:"http://127.0.0.1:8
  • ASP.NET 如何获取地址栏URL地址

    千次阅读 2014-12-23 10:18:36
    ASP.NET 如何获取地址栏URL地址?看下面的实现方法: 第一种:  http://www.liehuo.net/liehuonet/default.aspx  Request.ApplicationPath: /liehuonet  Request.CurrentExecutionFilePath: /liehuonet...

    ASP.NET 如何获取地址栏URL地址?看下面的实现方法:

    第一种: 

    http://www.liehuo.net/liehuonet/default.aspx 

    Request.ApplicationPath: /liehuonet 
    Request.CurrentExecutionFilePath: /liehuonet/default.aspx 
    Request.FilePath: /liehuonet/default.aspx 
    Request.Path: /liehuonet/default.aspx 
    Request.RawUrl: /liehuonet/default.aspx 
    Request.Url.AbsolutePath: /liehuonet/default.aspx 
    Request.Url.AbsoluteUri: http://www.liehuo.net/liehuonet/default.aspx 
    Request.Url.Host: www.liehuo.net 
    Request.Url.LocalPath: /liehuonet/default.aspx

    第二种: 

    RawUrl 
    属性属性值当前请求的原始 URL。 
    备注 

    原始 URL 定义为 URL 中域信息之后的部分。在 URL 字符串 http://www.liehuo.net/cn/introduct/lanmu_24_57.html中,原始 URL 为/cn/introduct/lanmu_24_57.html。原始 URL 包括查询字符串(如果存在)。

    测试的url地址是http://www.liehuo.net/liehuonet/default.aspx?id=1, 结果如下:

    Request.ApplicationPath: /liehuonet 

    Request.CurrentExecutionFilePath: /liehuonet/default.aspx 

    Request.FilePath: /liehuonet/default.aspx 

    Request.Path: /liehuonet/default.aspx 

    Request.PathInfo: 

    Request.PhysicalApplicationPath: E:\WWW\liehuonet\ 

    Request.PhysicalPath: E:\WWW\liehuonet\default.aspx 

    Request.RawUrl: /liehuonet/default.aspx?id=1 

    Request.Url.AbsolutePath: /liehuonet/default.aspx 

    Request.Url.AbsoluteUri: http://www.liehuo.net/liehuonet/default.aspx?id=1 

    Request.Url.Host: www.liehuo.net 

    Request.Url.LocalPath: /liehuonet/default.aspx

    获取URL:   
       1、通过ASP.NET获取   
       如果测试的url地址是http://www.test.com/testweb/default.aspx,   结果如下:   
        
       Request.ApplicationPath:                                 /testweb   
       Request.CurrentExecutionFilePath:               /testweb/default.aspx   
       Request.FilePath:                                               /testweb/default.aspx   
       Request.Path:                                                       /testweb/default.aspx   
       Request.PhysicalApplicationPath:                 E:\WWW\testweb\   
       Request.PhysicalPath:                                       E:\WWW\testweb\default.aspx   
       Request.RawUrl:                                                   /testweb/default.aspx   
       Request.Url.AbsolutePath:                               /testweb/default.aspx   
       Request.Url.AbsoluteUrl:                                 http://www.test.com/testweb/default.aspx   
       Request.Url.Host:                                               www.test.com   
       Request.Url.LocalPath:                                     /testweb/default.aspx     
        
       2、通过JS获取   
        
       <table   width=100%   cellpadding=0   cellspacing=0   border=0   >       
       <script>         
       thisURL   =   document.URL;   
       thisHREF   =   document.location.href;    
       thisSLoc   =   self.location.href;        
       thisDLoc   =   document.location;         
       strwrite   =   "<tr><td   valign=top>thisURL:   </td><td>["   +   thisURL   +   "]</td></tr>"strwrite   +=   "<tr><td   valign=top>thisHREF:   </td><td>["   +   thisHREF   +   "]</td></tr>" strwrite   +=   "<tr><td   valign=top>thisSLoc:   </td><td>["   +   thisSLoc   +   "]</td></tr>" strwrite   +=   "<tr><td   valign=top>thisDLoc:   </td><td>["   +   thisDLoc   +   "]</td></tr>" document.write(   strwrite   );     
       </script>     
       thisDLoc   =   document.location;   <BR>      
       thisURL   =   document.URL;   <BR>       
       thisHREF   =   document.location.href;   <BR>       
       thisSLoc   =   self.location.href;<BR>       
       <script>         
       thisTLoc   =   top.location.href;         
       thisPLoc   =   parent.document.location;      
       thisTHost   =   top.location.hostname;       
       thisHost   =   location.hostname;        
       strwrite   =   "<tr><td   valign=top>thisTLoc:   </td><td>["   +   thisTLoc   +   "]</td></tr>"strwrite   +=   "<tr><td   valign=top>thisPLoc:   </td><td>["   +   thisPLoc   +   "]</td></tr>"strwrite   +=   "<tr><td   valign=top>thisTHost:   </td><td>["   +   thisTHost   +   "]</td></tr>"strwrite   +=   "<tr><td   valign=top>thisHost:   </td><td>["   +   thisHost   +   "]</td></tr>"document.write(   strwrite   );  
       </script>     
       thisTLoc   =   top.location.href;   <BR>     
       thisPLoc   =   parent.document.location;   <BR>      
       thisTHost   =   top.location.hostname;   <BR>      
       thisHost   =   location.hostname;<BR>      
       <script>        
       tmpHPage   =   thisHREF.split(   "/"   );        
       thisHPage   =   tmpHPage[   tmpHPage.length-1   ];        
       tmpUPage   =   thisURL.split(   "/"   );         
       thisUPage   =   tmpUPage[   tmpUPage.length-1   ];      
       strwrite   =   "<tr><td   valign=top>thisHPage:   </td><td>["   +   thisHPage   +   "]</td></tr>"      
       strwrite   +=   "<tr><td   valign=top>thisUPage:   </td><td>["   +   thisUPage   +   "]</td></tr>"        
       document.write(   strwrite   );    
       </script><tr><td>



    转载自:http://www.cnblogs.com/fslnet/archive/2011/06/21/2085606.html

    展开全文
  • //获取地址栏参数 function GetQueryString(str) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); ...

    代码 :

        //获取地址栏参数
         function GetQueryString(str) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        };
        console.log(GetQueryString(str)) //str 参数名
    
        //例子
        //获取 URL: http://mp.csdn.net/index.html?orderId=123  中的orderId参数
    
        let orderid = GetQueryString('orderId');
        //防止无参数时会出现报错 做判断
        if(orderid != '' && orderid != null){
           console.log(GetQueryString(orderid)) //123
        }
        
        
       其他参数获取: 
        //设置或获取对象指定的文件名或路径。
        alert(window.location.pathname);
    
        //设置或获取整个 URL 为字符串。
        alert(window.location.href);
    
        //设置或获取与 URL 关联的端口号码。
        alert(window.location.port);
    
        //设置或获取 URL 的协议部分。
        alert(window.location.protocol);
    
        //设置或获取 href 属性中在井号“#”后面的分段。
        alert(window.location.hash);
    
        //设置或获取 location 或 URL 的 hostname 和 port 号码。
        alert(window.location.host);
    
        //设置或获取 href 属性中跟在问号后面的部分。
        alert(window.location.search);

     

    展开全文
  • 获取地址栏信息

    2021-02-02 17:03:27
    在web前端制作中,可以通过javascript获取当前网页url的相关信息,整理如下: 1、设置或获取对象指定的文件名或路径 window.location.pathname 2、设置或获取整个URL为字符串 window.location.href 3、设置或获取与...

    在web前端制作中,可以通过javascript获取当前网页url的相关信息,整理如下:

    1、设置或获取对象指定的文件名或路径

    window.location.pathname

    2、设置或获取整个URL为字符串

    window.location.href

    3、设置或获取与URL关联的端口号

    window.location.port

    4、设置或获取URL的协议部分

    window.location.protocol

    5、设置或获取href属性中在井号“#”后面的分段

    window.location.hash

    6、设置或获取location或URL的hostname和port号码

    window.location.host

    7、设置或获取href属性中跟在问号后面的部分

    window.location.search

    8、获取当前网页的域名

    document.domain

    展开全文
  • js获取地址栏参数

    2021-04-09 11:28:41
    1、Location 对象是 Window 对象的... hostname 设置或返回当前 URL 的主机名。 href 设置或返回完整的 URL。 pathname 设置或返回当前 URL 的路径部分。 port 设置或返回当前 URL 的端口号。 pr.
  • 获取地址栏参数小结

    2018-04-03 19:58:39
    以下是各种常用的地址栏部分获取方法/** * 获取与 URL 关联的端口号码 * @param 无 * @return URL端口号码 */ function getUrlPort(){ return window.location.port; } /** * 获取与 URL 的协议部分 * @param...
  • Example 地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper Location{ assign:ƒ (), // 加载新的文档。 hash:"#prosper",
  • js获取地址栏信息

    千次阅读 2019-04-08 20:23:00
    设置或获取对象指定的文件名或路径。 window.location.pathname例:http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出:/topic/index设置或获取整个 URL 为字符串。window....
  • 采用正则表达式获取地址栏参数: getQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return ...
  • This is isomorphic so if it is being processed server side so you cannot access the window.location.href For server side, you will need to look at the underlying request object to get the hostname:
  • js获取地址栏传参

    2018-08-31 16:40:00
    地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper Location{ assign:ƒ (),...
  • 设置或获取对象指定的文件名或路径。 alert(window.location.pathname)   设置或获取整个 URL 为字符串。   alert(window.location.href); 设置或获取与 URL 关联的端口号码。 alert(window.location.port)   ...
  • 【Js】获取地址栏参数(超简单)

    万次阅读 2018-11-21 14:07:06
    1、Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。 属性 描述 ... hostname 设置或返回当前 URL 的主机名。 href 设置或返回完整的 URL。 pathname...
  • //获取当前端口号, location.hostname='Lee'; //设置主机名,并跳转 alert(location.hostname); //获取当前主机名, location.pathname='Lee'; //设置当前路径,并跳转 alert(location.pathname); //获取当前路径...
  • 假设这是一个url地址 http://localhost:8080/a/b/c?a=1&b=2#abc,里面包含的部分: protocol: 'http:', // 协议 host: 'localhost:8080', // 主机 port: '8080', // 端口 hostname: 'localhost...
  • .net获取地址栏中的url

    2011-06-22 00:09:00
    获取URL: 1、通过ASP.NET获取 如果测试的url地址是http://www.test.com/testweb/default.aspx, 结果如下: Request.ApplicationPath: /testweb Request.CurrentExecutionFile
  • Angular中通过$location获取url中的参数  最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法...
  • 获取URL: 1、通过ASP.NET获取 如果测试的url地址是http://www.test.com/testweb/default.aspx, 结果如下: Request.ApplicationPath: /testweb Request.CurrentExecutionFilePath: /test...
  • 使用js处理一下,机构就以对象结构形式,方便获取调用: 例如: urlParam = { id:”123456”, name:”tom” }location方法: 如请求的整个路径:http://1.11.111.11:8080/locationtest/locationt
  • 封装函数: <script type="text/javascript"> function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var reg_rewrite = new RegExp("(^|/)" + name....
  • 获取上一个页面的一个URL,这个URL一般做一个页面的跳转 window.location.href <script>.../script> ...获取一个页面的主机名 ...window.location.hostname 获取一个页面的主机名和端口号相当于是hostn...
  • 如果获取“当前”域名host = window.location.host;url=document.domain;url = window.location.href;取得完整url路径: 用以下代码可以完整研证结果:border=0 >thisURL = document.URL;thisHREF = document....
  • //生产域名 const url1 = “demo.ecce.cn”; //开发环境域名 const url2 = “dev-demo.... //测试环境域名 ... //uat环境域名 ...function getToDomain(url ) { //window.location.hostname 获取当前域名 let arr = window.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,027
精华内容 5,210
关键字:

获取地址栏的hostname