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 validator 插件增加日期比较方法
Feb 21 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
jquery实现动态画圆
Dec 04 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
Nov 18 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
JS array数组检测方式解析
May 19 Javascript
el-form 多层级表单的实现示例
Sep 10 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
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
PHP中使用smarty生成静态文件的例子
2014/04/24 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
php动态变量定义及使用
2015/06/10 PHP
php 数组元素快速去重
2017/05/05 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
Javascript入门学习资料收集整理篇
2008/07/06 Javascript
jQuery 对象中的类数组操作
2009/04/27 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
js阻止移动端页面滚动的两种方法
2017/01/25 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
初步探究Python程序的执行原理
2015/04/11 Python
python读取目录下所有的jpg文件,并显示第一张图片的示例
2019/06/13 Python
python开头的coding设置方法
2019/08/08 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
学习Python列表的基础知识汇总
2020/03/10 Python
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
C语言面试题
2013/05/19 面试题
销售找工作求职信
2013/12/20 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
学习雷锋做美德少年寄语大全
2014/04/09 职场文书
环境卫生标语
2014/06/09 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
小班下学期个人总结
2015/02/12 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL