精华内容
下载资源
问答
  • 2021-02-02 17:03:27

    在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

    更多相关内容
  • 地址: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
  • js获取地址栏参数

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

    1、Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问

    属性名 作用
    hash设置或返回从井号 (#) 开始的 URL(锚)。
    host设置或返回主机名和当前 URL 的端口号。
    hostname设置或返回当前 URL 的主机名。
    href设置或返回完整的 URL。
    pathname设置或返回当前 URL 的路径部分。
    port设置或返回当前 URL 的端口号。
    protocal设置或返回当前 URL 的协议。
    search设置或返回从问号 (?) 开始的 URL(查询部分)。

    2、为什么 window.location.search 为空?

    如果URL中“?”之前有一个“#”比如:“http://localhost:8080/#/home/index/772?route=%2Fhome%2Findex”,
    那么使用window.location.search得到的就是空(“”)。
    因为“?route=%2Fhome%2Findex”是属于“#/home/index/772?route=%2Fhome%2Findex”这个串字符的,
    也就是说查询字符串search只能在取到“?”后面和“#”之前这个区间的内容,如果“#”之前没有“?”,search取值为空。

    3、采用正则表达式获取地址栏参数

    function getUrlSearch(name) {
      // 未传参,返回空
      if (!name) return null;
      // 查询参数:先通过search取值,如果取不到就通过hash来取
      var after = window.location.search;
      after = after.substr(1) || window.location.hash.split('?')[1];
      // 地址栏URL没有查询参数,返回空
      if (!after) return null;
      // 如果查询参数中没有"name",返回空
      if (after.indexOf(name) === -1) return null;
     
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
      // 当地址栏参数存在中文时,需要解码,不然会乱码
      var r = decodeURI(after).match(reg);
      // 如果url中"name"没有值,返回空
      if (!r) return null;
     
      return r[2];
    }
     
    // 调用方法
    getUrlSearch("参数名");
     
    // 举例1:若地址栏URL为:abc.html?id=123&name=池子&url=http://www.baidu.com
    console.log('地址栏参数id',getUrlSearch("id"));
    console.log('地址栏参数name',getUrlSearch("name"));
    console.log('地址栏参数url',getUrlSearch("ursl"));
    // 123
    // 池子(不解码此处是乱码)
    // null
     
     
    // 举例2:若地址栏URL为:abc.html
    console.log('地址栏参数id',getUrlSearch("id"));
    // null

    4、js replace(a,b)之替换字符串中所有指定字符的方法

    var str = 'abcadeacf';
    var str1 = str.replace('a', 'o');//打印结果: obcadeacf

    var str2 = str.replace(/a/g, 'o');
    alert(str2);  打印结果: obcodeocf,

    此处replace的第一个参数为正则表达式,/g是全文匹配标识

          this.urlfoot = tools.getUrlSearch("route");
          if(this.urlfoot) {
            this.urlfoot = this.urlfoot.replace(/%2F/g, "/");
          }

     

    展开全文
  • 用JS获取地址栏参数的方法

    千次阅读 2021-01-05 16:20:47
    采用正则表达式获取地址栏参数: getQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return ...

    采用正则表达式获取地址栏参数:

     getQueryString(name){
                    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                    if(r!=null)return  unescape(r[2]); return null;
                },
     this.name = this.getQueryString('name');
                this.randNum = this.getQueryString('randNum');
    

    js获取地址栏信息
    设置或获取对象指定的文件名或路径。

    window.location.pathname
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.pathname); 则输出:/topic/index

    设置或获取整个 URL 为字符串。
    window.location.href
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361

    设置或获取与 URL 关联的端口号码。
    window.location.port
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.port); 则输出:8086

    设置或获取 URL 的协议部分。
    window.location.protocol
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.protocol); 则输出:http:

    设置或获取 href 属性中在井号“#”后面的分段。
    window.location.hash

    设置或获取 location 或 URL 的 hostname 和 port 号码。
    window.location.host
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.host); 则输出:http:localhost:8086

    设置或获取 href 属性中跟在问号后面的部分。
    window.location.search
    例:http://localhost:8086/topic/index?topicId=361
    alert(window.location.search); 则输出:?topicId=361

    window.location
    属性 描述
    hash 设置或获取 href 属性中在井号“#”后面的分段。
    host 设置或获取 location 或 URL 的 hostname 和 port 号码。
    hostname 设置或获取 location 或 URL 的主机名称部分。
    href 设置或获取整个 URL 为字符串。
    pathname 设置或获取对象指定的文件名或路径。
    port 设置或获取与 URL 关联的端口号码。
    protocol 设置或获取 URL 的协议部分。
    search 设置或获取 href 属性中跟在问号后面的部分。

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

    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 );

    展开全文
  • Example 地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper Location{ assign:ƒ (), // 加载新的文档。 hash:"#prosper",
  • //获取当前端口号, location.hostname='Lee'; //设置主机名,并跳转 alert(location.hostname); //获取当前主机名, location.pathname='Lee'; //设置当前路径,并跳转 alert(location.pathname); //获取当前路径...
  • js获取地址栏信息

    千次阅读 2019-04-08 20:23:00
    设置或获取对象指定的文件名或路径。 window.location.pathname例:http://localhost:8086/topic/index?topicId=361alert(window.location.pathname); 则输出:/topic/index设置或获取整个 URL 为字符串。window....
  • js获取地址栏传参

    2018-08-31 16:40:00
    地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper Location{ assign:ƒ (),...
  • 【Js】获取地址栏参数(超简单)

    万次阅读 2018-11-21 14:07:06
    1、Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。 属性 描述 ... hostname 设置或返回当前 URL 的主机名。 href 设置或返回完整的 URL。 pathname...
  • 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...
  • 内容扩展 对于像下面这样的网址 ...id=6#imhere ...1, window.location.href-----------整个URl字符串(在浏览器中就是完整的地址栏) 本例返回值: http://www.caibaojian.com:80/fisker/post/0703/window.locati
  • //生产域名 const url1 = “demo.ecce.cn”; //开发环境域名 const url2 = “dev-demo.... //测试环境域名 ... //uat环境域名 ...function getToDomain(url ) { //window.location.hostname 获取当前域名 let arr = window.
  • 1、设置或获取对象指定的文件名或路径。 window.location.pathname 例:http://localhost:8086/topic/index?topicId=361 alert(window.location.pathname); 则输出:/topic/index 2、设置或获取整个 URL 为字符串。...
  • //获取地址栏参数 function GetQueryString(str) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); ...
  • 获取地址栏参数小结

    2018-04-03 19:58:39
    以下是各种常用的地址栏部分获取方法/** * 获取与 URL 关联的端口号码 * @param 无 * @return URL端口号码 */ function getUrlPort(){ return window.location.port; } /** * 获取与 URL 的协议部分 * @param...
  • 获取上一个页面的一个URL,这个URL一般做一个页面的跳转 window.location.href <script>.../script> ...获取一个页面的主机名 ...window.location.hostname 获取一个页面的主机名和端口号相当于是hostn...
  • 目录一、获取地址栏基本信息1. 获取主机名称+端口号2. 获取主机名称3. 获取当前地址4. 获取协议+主机名称+端口号5. 获取地址栏后半段6. 获取端口号7. 获取协议二、有关地址栏基本方法1. reload()----重新加载2. 跳转...
  • 假设这是一个url地址 http://localhost:8080/a/b/c?a=1&b=2#abc,里面包含的部分: protocol: 'http:', // 协议 host: 'localhost:8080', // 主机 port: '8080', // 端口 hostname: 'localhost...
  • 使用js处理一下,机构就以对象结构形式,方便获取调用: 例如: urlParam = { id:”123456”, name:”tom” }location方法: 如请求的整个路径:http://1.11.111.11:8080/locationtest/locationt
  • //解析ip的java写法,输入域名能解析出来ip,你直接输入ip也会显示ip(如果ip地址不对或者是域名不对会报错) //如果你c盘下没有配置域名解析文件,那默认会去dns查询解析这个域名对应的ip地址(需要联网,不然会解析...
  • getHostName方法的定义如下:public String getHostName()下面是三种创建InetAddress对象的方式,在这三种方式中,getHostName返回的值是不同的。1.使用getLocalHost方法创建InetAddress对象如果InetAddress对象是...
  • 获取URL: 1、通过ASP.NET获取 如果测试的url地址是http://www.test.com/testweb/default.aspx, 结果如下: Request.ApplicationPath: /testweb Request.CurrentExecutionFilePath: /test...
  • window.location.host;... //(当前URL)返回整个url字符串(在浏览器中就是完整的地址栏),例如:www.xxx.com/index.php?class_id=3&id=2 window.location.pathname; //(路径部分)返回/a/ind
  • 前端js解析地址栏url

    2021-02-17 20:09:50
    1.获取地址栏的地址字符串 window.location.href 2.地址使用的协议 window.location.protocol 3.地址中的主机 window.location.host window.location.hostname 4.地址中的访问路径,不包含?查询字符串 window....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,249
精华内容 5,699
关键字:

获取地址栏的hostname

友情链接: 1.rar