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 相关文章推荐
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
jquery 模板的应用示例
Nov 12 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
May 07 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
解决vue项目router切换太慢问题
Jul 19 Javascript
vue-cli 关闭热更新操作
Sep 18 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学习之PHP变量
2006/10/09 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
php中error与exception的区别及应用
2014/07/28 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
常用js脚本
2006/12/03 Javascript
浅说js变量
2011/05/25 Javascript
ToolTips JQEURY插件之简洁小提示框效果
2011/11/19 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
2012/12/15 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
2014/03/08 Javascript
解决jquery版本冲突的有效方法
2014/09/02 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
老生常谈javascript变量的命名规范和注释
2016/09/29 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
bootstrap下拉框动态赋值方法
2018/08/10 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
python实现文件的备份流程详解
2019/06/18 Python
python开启debug模式的方法
2019/06/27 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
个人简历中的自我评价怎么写
2014/01/26 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
干部作风建设年活动剖析材料
2014/10/23 职场文书
保证书格式
2015/01/16 职场文书
土建施工员岗位职责
2015/04/11 职场文书