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居然支持中文(unicode)编程!
Apr 12 Javascript
JS 面向对象的5钟写法
Jul 31 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Aug 15 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
javascript验证身份证号
Mar 03 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
jquery Validation表单验证使用详解
Sep 12 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
Vue.js 中的 $watch使用方法
May 25 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 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数组转成json格式的方法
2015/03/09 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
DOM基础教程之事件对象
2015/01/20 Javascript
详解Document.Cookie
2015/12/25 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
Python读写Redis数据库操作示例
2014/03/18 Python
Python实现发送QQ邮件的封装
2017/07/14 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
python实现取余操作的简单实例
2020/08/16 Python
HTTP状态码详解
2021/03/18 杂记
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
荷兰游戏商店:Allyouplay
2019/03/16 全球购物
百度软件工程师职位
2013/02/14 面试题
竞选村长演讲稿
2014/04/28 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
中秋节晚会开场白
2015/05/29 职场文书
经典祝酒词大全
2015/08/12 职场文书
深入理解python多线程编程
2021/04/18 Python
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
Oracle表空间与权限的深入讲解
2021/11/17 Oracle
聊聊Lombok中的@Builder注解使用教程
2021/11/17 Java/Android