在线客服与您一对一交流
当前位置: 主页 > 行业新闻 > IT技术 >

Javascript中window.location.origin是什么

  window.location.origin('?'前边的URL) 如果有端口号,含端口号

  结果如下:

  http://www.it2168.com:8080

  window.location.origin兼容问题(低版本IE浏览器不兼容)

  if (!window.location.origin) {window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');}

  window.location.href(当前URL)

  结果如下:

  http://www.it2168.com:8080/test?id=123&username=xxx

  window.location.protocol(协议)

  结果如下:

  http:

  window.location.host(域名 + 端口)

  结果如下:

  www.it2168.com:8866

  window.location.hostname(域名)

  结果如下:

  www.it2168.com

  window.location.port(端口)

  结果如下:

  8866

  window.location.pathname(路径部分)

  结果如下:

  /test

  window.location.search(请求的参数)

  结果如下:

  ?id=123&username=xxx

  用谷歌浏览器,打开chrome的调试工具,在Console一栏中输入window.location

  通常由于业务需要,前端页面中的某个数据源来源,需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是必不可少的,如下所示:

  function getQuery(name) {
  // 正则:[找寻'&' + 'url参数名字' = '值' + '&']('&'可以不存在)
  let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  let r = window.location.search.substr(1).match(reg);
  if(r != null) {
  // 对参数值进行解码
  return unescape(r[2]);
  }
  return null;
  }
  // 调用方法,注意需要传入String类型的数据,输出结果为String类型
  getQuery('id'); // '123'

相关文章:

  • 浏览器缓存有时挺大的,修改网站后半天看不到效果,今天西安蟠龙小编总结几种清缓存看网站修改效果的方法 清缓存方法: 一、ctrl+f5 多刷新几次 二、用浏览器的无痕模式或者隐私模式 三...

  • matchHeight使所有选定元素的高度完全相等。 尽管这曾经是一个棘手的问题,但如今建议在可能的地方使用CSS Flexbox和CSS Grid,尽管该库对于旧版浏览器仍然有用。 特征 自动匹配元素组的高度 使...

  • 收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家。 ******************************************************************************* 一、国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-bu...

  • 懒加载插件 new AnimOnScroll(document.getElementById(grid), { minDuration: 0.4, maxDuration: 0.7, viewportFactor: 0.2 }); /*AnimOnScroll.js*/ /** * animOnScroll.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.op...

  • 为什么要用classie.js classie是一个 awesome,lightweight script。 用来添加,移除,toggleDom元素的类。那为什么不用jquery呢, 因为jquery相对于这几个简单的功能太冗余了(just too bloated for your needs)。 clas...

  • breakpoints.js 版本:0.4.2 官网:https://github.com/amazingSurge/breakpoints.js/ 许可:GPL 依赖:jQuerys DataAPI:无 功能:用于响应式布局设置断点 Breakpoints();...

  • 用来兼容jquery1.7 版本, jquery版本之间有一些方法可能不同或废弃,会有报错, 可以引入一个 jquery-migrate.min.js 来兼容。 比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了...

  • 1.breakpoints.js是什么? breakpoints.js是一个jQuery插件。定义响应性设计的断点,Breakpoints.js 将在浏览器进入和/或者退出断点时消除自定义事件。 breakpoints下载文件夹中readme.txt文件中有这么一句话...

  • 免费网站建站,免费建站,免费做网站,有人需要免费建站,有人能提供免费建站。截止至2018年6月,据统计,中国的网民数量已经达到了8.02亿之巨。巨量的网民催生出的网站需求可想而知,而...

  • 明确企业网站建设之主题,要沟通、商讨、理解企业为什么要建立这个网站,需要这个网站实现怎么样的一个功能或价值,比如:宣传企业形象、推广企业产品、运营平台、服务客户型网站,...

  • 公司:西安蟠龙网络科技有限公司
  • 联系人:张经理
  • 手机/微信:187 2951 9978
  • Q Q: 136 8888 63 点击这里给我发消息
  • 地址:西安市雁塔区唐延南路11号逸翠园i都会
  • 浏览器清缓存方法

    浏览器缓存有时挺大的,修改网站后半天看不到效果,今天西安蟠龙小编总结几种清缓存看网站修改效果的方法 清缓存方法: 一、ctrl+f5 多刷新几次 二、用浏览器的无痕模式或者隐私模式 三...

  • Javascript中window.location.origin是什么

    window.location.origin(?前边的URL) 如果有端口号,含端口号 结果如下: http://www.it2168.com:8080 window.location.origin兼容问题 if (!window.location.origin) { window.location.origin = window.location.protocol + // + window.l...

  • matchHeight使所有选定元素的高度完全相等 jQuery响应式匹配高度组件

    matchHeight使所有选定元素的高度完全相等。 尽管这曾经是一个棘手的问题,但如今建议在可能的地方使用CSS Flexbox和CSS Grid,尽管该库对于旧版浏览器仍然有用。 特征 自动匹配元素组的高度 使...

  • 收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家

    收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家。 ******************************************************************************* 一、国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-bu...

  • 懒加载插件 animOnScroll.js

    懒加载插件 new AnimOnScroll(document.getElementById(grid), { minDuration: 0.4, maxDuration: 0.7, viewportFactor: 0.2 }); /*AnimOnScroll.js*/ /** * animOnScroll.js v1.0.0 * http://www.codrops.com * * Licensed under the MIT license. * http://www.op...

  • classie.js有什么作用?让添加、删除和检查类class更容易

    为什么要用classie.js classie是一个 awesome,lightweight script。 用来添加,移除,toggleDom元素的类。那为什么不用jquery呢, 因为jquery相对于这几个简单的功能太冗余了(just too bloated for your needs)。 clas...