JS如何获取地址栏的参数实例讲解


Posted in Javascript onOctober 06, 2018

地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper

Location{

 assign:ƒ (),         // 加载新的文档。

 hash:"#prosper",       // 设置或返回从井号 (#) 开始的 URL(锚)。

 host:"127.0.0.1:8082",    // 设置或返回主机名和当前 URL 的端口号。

 hostname:"127.0.0.1",     // 设置或返回当前 URL 的主机名。

 href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper",   // 设置或返回完整的 URL。

 origin:"http://127.0.0.1:8082",    // 返回当前 URL 的协议和主机名和当前 URL 的端口号。

 pathname:"/prosperleedir/index.html",      // 设置或返回当前 URL 的路径部分。

 port:"8082",       // 设置或返回当前 URL 的端口号。

 protocol:"http:",      // 设置或返回当前 URL 的协议。

 reload:ƒ reload(),      // 重新加载当前文档。

 replace:ƒ (),       // 用新的文档替换当前文档。

 search:"?id=6666&name=prosper",     // 设置或返回从问号 (?) 开始的 URL(查询部分)。

 toString:ƒ toString(),      // 返回完整的 URL。

}

加载新的文档。

window.location.assign(http://www.baidu.com);

用新的文档替换当前文档。

window.location.replace(http://www.baidu.com);

重新加载当前文档。

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

window.location.reload(true);

window.location.reload(false);

返回完整的 URL。

console.log(window.location.toString());

JS如何获取地址栏的参数实例讲解

/**

     * [getUrlParam 获取地址栏传参]

     * @param {[String]} paramname [参数名]

     * @return {[String]}      [参数值]

     */

    function getUrlParam(paramname) {

           

      var reg = new RegExp("(^|&)" + paramname + "=([^&]*)(&|$)");

 

      // 查询匹配 substr(1)删除? match()匹配

      var s = window.location.search.substr(1).match(reg);

 

      if (s != null) {

 

        return unescape(s[2]); // unescape() 函数可对通过 escape() 编码的字符串进行解码。

 

      }

 

      return null;

 

    }

 

    // ?id=6666&name=prosper

    getUrlParam('id'); // s的输出为["id=6666&","","6666","&"]

    getUrlParam('name'); // s的输出为["name=prosper","&","prosper",""]
Javascript 相关文章推荐
用javascript替换URL中的参数值示例代码
Jan 27 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
Jan 12 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
node跨域请求方法小结
Aug 25 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
vue中js判断长时间不操作界面自动退出登录(推荐)
Jan 22 Javascript
jquery css实现流程进度条
Mar 26 jQuery
vue实现折线图 可按时间查询
Aug 21 Javascript
分享15个Webpack实用的插件!!!
Mar 31 Javascript
详谈js的变量提升以及使用方法
Oct 06 #Javascript
浅析js中mvvm模式实现的原理
Oct 06 #Javascript
js for终止循环 跳出多层循环
Oct 04 #Javascript
iView-admin 动态路由问题的解决方法
Oct 03 #Javascript
Angular resolve基础用法详解
Oct 03 #Javascript
解决angularjs service中依赖注入$scope报错的问题
Oct 02 #Javascript
angular.js实现列表orderby排序的方法
Oct 02 #Javascript
You might like
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
JS与框架页的操作代码
2010/01/17 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
JS 清除字符串数组中,重复元素的实现方法
2016/05/24 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
新驾驶员个人自我评价
2014/01/03 职场文书
幼儿园教师请假制度
2014/01/16 职场文书
致100米运动员广播稿
2014/02/14 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
网络技术专业求职信
2014/05/02 职场文书
助学感谢信范文
2015/01/21 职场文书
灵山大佛导游词
2015/02/04 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
Python实现byte转integer
2021/06/03 Python
Python中Matplotlib的点、线形状、颜色以及绘制散点图
2022/04/07 Python
SQL Server表分区降低运维和维护成本
2022/04/08 SQL Server