在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href alert(test) 返回:http://i.cnblogs.com/EditPosts.aspx?opt=12、window.location.protocol(设置或获取 URL 的协议部分)var test = window.location.protocol alert(test) 返回:http:3、window.location.host(设置或获取 URL 的主机部分)var test = window.location.host alert(test) 返回:i.cnblogs.com4、window.location.port(设置或获取与 URL 关联的端口号码)var test = window.location.port alert(test) 返回:空字符(如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符)5、window.location.pathname(设置或获取与 URL 的路径部分(就是文件地址))var test = window.location.pathname alert(test) 返回:/EditPosts.aspx6、window.location.search(设置或获取 href 属性中跟在问号后面的部分)var test = window.location.search alert(test) 返回:?opt=1 PS:获得查询(参数)部分,除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值。7、window.location.hash(设置或获取 href 属性中在井号“#”后面的分段)var test = window.location.hash alert(test) 返回:空字符(因为url中没有)8、js获取url中的参数值 一、正则法 function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i') var r = window.location.search.substr(1).match(reg) if (r != null) { return unescape(r[2]) } return null}// 这样调用:alert(GetQueryString("参数名1")) alert(GetQueryString("参数名2")) alert(GetQueryString("参数名3"))二、split拆分法 function GetRequest() { var url = location.search//获取url中"?"符后的字串 var theRequest = new Object() if (url.indexOf("?") != -1) { var str = url.substr(1) strs = str.split("&") for(var i = 0i <strs.lengthi ++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]) } } return theRequest } var Request = new Object() Request = GetRequest()<br>// var id=Request["id"] // var 参数1,参数2,参数3,参数N // 参数1 = Request['参数1'] // 参数2 = Request['参数2'] // 参数3 = Request['参数3'] // 参数N = Request['参数N']三、指定取比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i") var r = window.location.search.substr(1).match(reg)//获取url中"?"符后的字符串并正则匹配 var context = "" if (r != null) context = r[2] reg = null r = null return context == null || context == "" || context == "undefined" ? "" : context } alert(GetQueryString("j"))四、单个参数的获取方法 function GetRequest() { var url = location.search//获取url中"?"符后的字串 if (url.indexOf("?") != -1) { //判断是否有参数 var str = url.substr(1)//从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 strs = str.split("=") //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔) alert(strs[1]) //直接弹出第一个参数 (如果有多个参数 还要进行循环的) } }一、正则法functiongetQueryString(name) { varreg = newRegExp('(^|&)'+ name + '=([^&]*)(&|$)', 'i') varr = window.location.search.substr(1).match(reg) if(r != null) { returnunescape(r[2]) } returnnull } // 这样调用: alert(GetQueryString("参数名1"))alert(GetQueryString("参数名2"))alert(GetQueryString("参数名3")) 二、split拆分法functionGetRequest() { varurl = location.search//获取url中"?"符后的字串 vartheRequest = newObject() if(url.indexOf("?") != -1) { varstr = url.substr(1) strs = str.split("&") for(vari = 0i <strs.lengthi ++) { theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]) } } returntheRequest } varRequest = newObject() Request = GetRequest()<br>// var id=Request["id"] // var 参数1,参数2,参数3,参数N // 参数1 = Request['参数1'] // 参数2 = Request['参数2'] // 参数3 = Request['参数3'] // 参数N = Request['参数N'] 三、指定取比如说一个url:http://i.cnblogs.com/?j=js,我们想得到参数j的值,可以通过以下函数调用。 functionGetQueryString(name) { varreg = newRegExp("(^|&)"+ name + "=([^&]*)(&|$)", "i") varr = window.location.search.substr(1).match(reg)//获取url中"?"符后的字符串并正则匹配 varcontext = "" if(r != null) context = r[2] reg = null r = null returncontext == null|| context == ""|| context == "undefined"? "": context } alert(GetQueryString("j")) 四、单个参数的获取方法functionGetRequest() { varurl = location.search//获取url中"?"符后的字串 if(url.indexOf("?") != -1) { //判断是否有参数 varstr = url.substr(1)//从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 strs = str.split("=") //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔) alert(strs[1]) //直接弹出第一个参数 (如果有多个参数 还要进行循环的) } }本章内容分为三部分: 开始之前先简单了解一下 如:url地址: http://xxxxx:9010/test.html?leaf&le=2window.location.search获取到的就是 ?leaf&le=2 window.location.search.substr(1)获取到的就是 leaf&le=2 一、JS获取地址栏url参数: 如果你想获取地址栏的其他参数,只需要执行 var 参数=getUrlParam('参数') 比如获取参数a,执行 var a=getUrlParam('a') 就可以啦。简单又实用。 二、解决请求接口乱码问题 但是在我请求接口数据的时候,页面获取到是类似???这种乱码。 然后我是这样解决的: 1、发送方decodeURI编码: 2、接收方encodeURI解码 根据后台接口拼接url中使用encodeURI: 三、关于根据后台接口拼接url 整理笔记,不断优化更新。如果有错误或可以优化的地方欢迎指出,互相学习,共同进步。 如果对你有用就点个小心心吧❤
前端使用js如何准确获取当前页面url网址信息
给您推荐相同类型的内容:
电脑任务栏怎么隐藏
隐藏电脑下面的任务栏图标的方法:首先右击“任务栏”,在弹出的右键菜单中选择“属性”项;然后选择“任务栏”选项卡,并点击“通知区域自定义”按钮;接着点击相应图标右侧的下拉列表框;最后选择“隐藏图标和通知”即可。电脑联想window7设置nodejs能写windows桌面应用程序吗,就是打包成exe这种的
1.新建安装和部署。 打开你所写的项目,在解决方案上右键->添加->新建项目。选择其他项目类型->安装和部署->安装项目。在名称中把名字改为你所希望的名字,然后确定。 2.确定后打开文件系统,c语言程序设计心得
C语言程序设计课程是高等院校计算机专业基础课程之一,其教学效果直接影响学生在计算机方面的应用。C语言是一门面向过程的、抽象化的通用程序设计语言,广泛应用于底层开发。C语言能以简易的方式编译、处理低级存储器。那么要如何写关于c语言程序设JS如何获取跨网站的返回值
浏览器因安全性问题会禁止js进行跨站访问数据通常需要跨站访问,中间要设置一个代理,即由A站服务器向B进行发起连接请求,并将结果返回到A站的某个页面上如果B站的链接中不是HTML代码,只是数据源,可以直接通过script标签进行加载,将scr经常用电脑手机配什么眼镜?
1、经常用电脑手机配一个防蓝光的眼镜,防蓝光眼镜是一种能够预防蓝光刺激眼睛的眼镜,专用防蓝光眼镜能够有效的隔离紫外线与辐射而且能够过滤蓝光,适合在看电脑或者电视时使用。2、蓝光是可见光的重要组成部分,自然界本身没有单独的白光,蓝光与绿光、红香帅翔龙500为什么停产
没有停产。香帅翔龙500是建设旗下的品牌,截止到2022年10月15日,该公司没有发布任何有关这款品牌停产的信息,没有停产。香帅JS500采用了一台并列双缸500cc发动机,是一台中量级现代复古街车。苍云和香帅是一个牌子。苍云和香帅是由重庆怎么用电脑升级ios13 升级经验
1、电脑下载 爱思助手 或者其他手机助手,不过切记别使用Windows下的iTunes升级,目前只能使用第三方助手升级,成功率比较高。2、升级之前务必要备份好手机内容,建议直接使用iCloud备份重要内容即可。3、电脑安装完爱思助手印度尼西亚有哪些好的旅游景点?
印度尼西亚位于亚洲东南部,地跨赤道,与巴布亚新几内亚、东帝汶、马来西亚接壤,是全世界最大的群岛国家,由上万个岛屿组成,是全世界最大的群岛国家,疆域横跨亚洲及大洋洲,别称“千岛之国”。各岛处处青山绿水,四季皆夏,人们称它为“赤道上的翡翠”。下CSS做表格,但表格内文字不知该如何靠左?! (内附程式码)
<style>th, td {border:1px solid #aaa}table {border-collapse:collapse}<style><table>有道词典有什么办法把去推广(广告)取消
1.首先启动有道词典,主界面如图,广告就不截图了。2.在左下角找到这个图标,点击弹出一个上拉窗口。点击软件设置。3.弹出一个新设置窗口,在这个窗口中找到上方的内容设置。(如果不想让有道词典每日启动电脑就跟随着启动,可以点击这里将每日启动勾去客所思声卡怎么用
1.打开虚拟声卡安装包,默认以管理员身份运行(一键三连后私聊UP即可免费获得,手动狗头)2.点击【下一步】3.选中【我接受】后点击【下一步】4.选中前两项后点击【下一步】(第一项为主程序必选,第二项有些用处建议选,第三项没啥用选不选无所谓)用css的a:hoverimg放大图片时怎么让放大后的图片从原图片的中心放大
用CSS3中的transfrom:scale{x,y}来放大,如下:<style>*{margin:0padding:0}div{border:solid 1px #333width:40pxheight:40为什么机箱越小,价格越贵?
小机箱并不一定总是比大机箱贵,只是小机箱相对来说数量较少,而且平均价格贵一些,从而拉高了整体价格,而中等机箱和大机箱是市场上数量最多的产品,鱼龙混杂,整体价位就比小机箱更便宜。不管是小机箱还是大机箱都有好的坏的,也都有便宜的低端产品和昂贵的css打印样式表 第二页顶间距padding-top怎么设置?
首先,你需要确定使用下面的 <link>链接到一个专门的打印样式表<link rel=”stylesheet” href=”print.css” media=”print” >其次,放弃怎样用css把文本框变成圆角
border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3pxborder:1px solid #000}border-html怎么实现css3的属性
给元素添加css3属性,如(将div旋转360度):div{ -webkit-transition:all 0.3s linear -webkit-transform:rotate(360deg)}使用过CSS3属性的同学都知道,js中把字符串123转换为整型值123的方法
js中把字符串123转换为整型值123的方法。varstr=123。varnum=(int)str。B.varstr=123。varnum=str.parseInt(str)。C.varstr=123。varnum=parseInt(str显卡品牌排行
十大显卡品牌有七彩虹、影驰、华硕、索泰、技嘉、微星、蓝宝石、迪兰恒进、映众、耕升。1、七彩虹七彩虹科技发展有限公司是国内著名的DIY硬件厂商,七彩虹前身世和资讯公司成立于1995年,以代理销售型公司致力于IT渠道增值业务。七彩虹显卡已经css跨境电商服务平台怎样获取appkey
void startAThread2() {new Thread() {public void run() {...}}.start()}不要直接调用run()方法。总是调用Thread.start()方法,这个方法会创建一条新css 的注释怎么写
CSS中的注释就是:*...** 段落样式 *p{text-align: center* 居中显示*color: blackfont-family: arial} 这段代码放入STYLE或样式表中是可以的。在CSS文件中插入注释现在电脑的病毒比以前少了,这是为什么呢?
主要是因为现在的电脑都会拥有比较优质的安全性能。所以在进行使用电脑的过程中,一般都不会出现病毒的情况。我们很多人都需要通过使用电脑的方式进行完成工作。所以我们都会对电脑的质量和使用感拥有比较严格的要求。反而根据以前的情况来看,大部分人在使js欧韩时尚女装什么档次
js是中档服装,属于女装类二线品牌,虽然是二线品牌,但设计风格多为简约设计,但会融入个性化元素,也会适当的融入当下流行的条纹、皱褶、荷叶边等元素,优雅又精致,更适合对设计感有要求的白领。32家。J&S欧韩时尚女装在全国有32家组装下电脑(专业)
有多好就多好~了解了。CPU Intel Core 2 Extreme QX9650(盒) 1 ¥ 6999主板 华硕 Striker II Extreme 1 ¥ 4120内存 博帝 2GBX2 DDR3 1600(毒蛇极速超频)如何在电脑键盘上把右边的字往左边移
方法一:1、以电脑中安装的Word为例,下图中可以看到文字内容显示在页面的右侧。2、如果此文本是由于设置了向右对齐导致的,可以在页面工具栏中找到“左对齐”按钮,点击即可将文本恢复到左侧。方法二:如果显示在右侧的文本是通过空格键移动的,那电脑电源改成高性能有什么用
高性能电源模式优点:在高性能电源模式下,系统会获得较大的性能提升,得益于电脑中的硬件始终允许运行在较高的性能下,从而带动了系统性能,不管运行程序、玩游戏都会更流畅一些。而对于笔记本来说,屏幕的亮度也会在高亮度下显示,从而得到较好的显示效果。电脑重装系统装不进怎么办?
ntldr is missing 意思是:你的ntldr 文件被破坏,或丢失了,系统就启动不了.1、将WindowsXP安装光盘放入光驱2、进入BIOS设置为Boot From CD-ROM3、当显示到“Press any ke笔记本电脑光驱“DVD+-RW”是什么意思?谁能详细地解释一下?
意思就是你的本是DVD光驱的,可以刻录RW-格式的盘片DVD-RW标准是由Pioneer(先锋)公司于1998年提出的,并得到了DVD论坛的大力支持,其成员包括苹果,日立,NEC,三星和松下等厂商,并于并于2000年中完成1.1版本的正式标如何在css中进行计算
holidayPM{border-bottom-color:Greenborder-bottom-width:300pxborder-bottom-style:solidwidth:600px}css如上,目前是直接将 border-botcss中文字如何设置在顶部
不把上下用2个div分开,设置好图片的样式后,文字让其自动即可<style type="textcss">.divbox{ width:500px height:500px border:1pjs中常见的数据加密与解密的方法
加密在我们前端的开发中也是经常遇见的。本文只把我们常用的加密方法进行总结。不去纠结加密的具体实现方式(密码学,太庞大了)。 常见的加密算法基本分为这几类, RSA加密:RSA加密算法是一种非对称加密算法。在公开密钥加密和电子商业中R