详谈js中window.location.search的用法和作用


Posted in Javascript onFebruary 13, 2017

用该属性获取页面 URL 地址:

window.location 对象所包含的属性

属性 描述
hash 从井号 (#) 开始的 URL(锚)
host 主机名和当前 URL 的端口号
hostname 当前 URL 的主机名
href 完整的 URL
pathname 当前 URL 的路径部分
port 当前 URL 的端口号
protocol 当前 URL 的协议
search 从问号 (?) 开始的 URL(查询部分)

详谈js中window.location.search的用法和作用

详谈js中window.location.search的用法和作用

如图就是取出url中的参数。

JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。

大概处理如下:

var searchURL = window.location.search;
searchURL = searchURL.substring(1, searchURL.length);
var targetPageId = searchURL.split("&")[0].split("=")[1];

以上这篇详谈js中window.location.search的用法和作用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
AJAX检测用户名是否存在的方法
Mar 24 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 #Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 #Javascript
js实现九宫格拼图小游戏
Feb 13 #Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 #Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 #Javascript
如何用js判断dom是否有存在某class的值
Feb 13 #Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 #Javascript
You might like
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
浅谈PHP接入(第三方登录)QQ登录 OAuth2.0 过程中遇到的坑
2017/10/13 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
javascript同步Import,同步调用外部js的方法
2008/07/08 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
JavaScript实现页面跳转的几种常用方式
2015/11/28 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
vue中的provide/inject的学习使用
2018/05/09 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
koa-passport实现本地验证的方法示例
2020/02/20 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
Python中os.path用法分析
2015/01/15 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
下载python中Crypto库报错:ModuleNotFoundError: No module named ‘Crypto’的解决
2018/04/23 Python
python flask中动态URL规则详解
2019/11/22 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
Python如何定义有默认参数的函数
2020/08/10 Python
python中xlrd模块的使用详解
2021/02/01 Python
萌新HTML5 入门指南(二)
2020/11/09 HTML / CSS
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
售后服务承诺书
2014/03/26 职场文书
小学运动会报道稿
2014/10/04 职场文书
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
vue css 相对路径导入问题级踩坑记录
2022/06/05 Vue.js