js获取地址栏url以及获取url参数
js原生态写法
代码如下 | 复制代码 |
function getUrlParam(name) |
一个更全面的js写法
代码如下 | 复制代码 |
// 获取地址栏的参数数组 // 根据参数名称获取参数值 |
jquery插件写法
代码如下 | 复制代码 |
(function($){ |
我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值:
2,window.location.protocol
URL 的协议部分
本例返回值:http:
3,window.location.host
URL 的主机部分
本例返回值:www.111cn.net
4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html
6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6
7,window.location.hash
js获取地址栏url以及获取url参数相关推荐
- php 正则替换url参数,JavaScript正则获取地址栏中参数的方法分享
这篇文章主要介绍了JavaScript正则获取地址栏中参数的方法,涉及javascript基于正则的字符串截取操作相关实现技巧,需要的朋友可以参考下 本文实例讲述了JavaScript正则获取地址栏中 ...
- JS中获取地址栏中的参数
访问地址: var name="中文测试名称"; var name="性别"; var url=contextPath+"/demo.jsp?name ...
- js 去掉地址栏内参数_JS获取网站地址栏URL中的参数值并转换成json对象
点击上方"蓝字",发现更多精彩. 这个问题其实是个很常见的问题,而且在面试中也会经常被提起,其实想实现这个需求也比较简单,就是考察下对数据交互处理基本操作. 开始转化 var ba ...
- 地址html后面传参,JS中获取地址栏url后面的参数的三种方法
这里提供了三种获取地址栏url后面参数的方法: 方式1 传参: window.location.href = "/html/bsp/user/userEdit.html?name=四个空格& ...
- javascript/jquery获取地址栏url参数的方法
本篇文章主要是对javascript/jquery获取地址栏url参数的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助. 使用jquery获取url以及使用jquery获取url参数是我 ...
- 获取地址栏URL中参数, getQuerySting()方法
今天同事用的以前的获取url地址参数获取不到.以前的方法失效了.后面发现是正则表达式bug: 第一种获取方法(针对普通情况的一般够用): function getQueryString(name) { ...
- Js获取URL中的指定参数
平时项目中页面跳转需要携带参数,为方便获取URL中指定参数 整理了两个方法 方法1:URLSearchParams() URLSearchParams对象定义了操作 URL传递参数的方法 //获取ur ...
- js 获取地址栏参数
1:工具文件夹common中创建until.js文件 // 获取地址栏查询参数 const getSearch = (name) => {// 创建一个空参数用来存储查询到的参数let str ...
- 用JS获取地址栏参数的方法
用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg ...
最新文章
- for死循环、怪异字符串、两次return……Python冷知识(三)
- 在室内停车场使用道路标记语义进行厘米级建图和定位
- VR如何巧妙填补传统数据视觉化的漏洞
- python快速入门答案-Python 快速入门笔记(1):简介
- 人工智能是互联网下一轮变革的核心
- linux 的文件软链接隐藏,Linux inode及硬链接软链接详解
- git笔记(廖雪峰版本)
- python文件读取每一行操作
- linux r后台执行,screen 命令简单用法 Linux后台执行 就用它
- werkzeug routing.Map
- 查看sql语句执行时间/测试sql语句性能
- 甘肃省事业单位公考招聘考试权威复习资料---GIS专业综合复习题(一)
- HTML期末大作业——基于html实现传统文化苏绣手工艺带psd设计图视频dw模板
- 打印机可以打印不能扫描怎么弄_惠普打印机可以打印但无法扫描的解决办法
- 嵌入式软件开发需要学习的知识点
- 测试化妆品真假软件,查询化妆品真伪的app叫什么
- python学习(二)
- matlab实现简单的交互式程序
- 任务一: SpringMVC基本应用
- 某直播APP逆向TCP协议分析