在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]) //直接弹出第一个参数 (如果有多个参数 还要进行循环的) } }1,设置或获取对象指定的文件名或路径。 2,设置或获取整个 URL 为字符串。 3,设置或获取与 URL 关联的端口号码。 4,设置或获取 URL 的协议部分。 5,设置或获取 href 属性中在井号“#”后面的分段。 6,设置或获取 location 或 URL 的 hostname 和 port 号码。 7,获取 href 属性中跟在问号后面的部分。 8,用来得到当前网页的域名
前端使用js如何准确获取当前页面url网址信息
给您推荐相同类型的内容:
微前端 -- 乾坤(一)
在 toB 的前端开发工作中,我们往往就会遇到如下困境: 基座模式 通过一个主应用,来管理其它应用。设计难度小,方便实践,但是通用度低。 自组织模式。应用之间是平等的,不存在相互管理的模式。设计难度大,不方便实施,但是通用度高。excel怎么计算总和
如下:操作设备:戴尔电脑操作系统:win10操作软件:EXCEL表格20171、打开需要操作的EXCEL表格,在需要求总和的单元格总输入函数=SUM(,然后手动选择求和区域。2、继续在函数编辑框中输入“)”,完成函数的编辑并按回车即Js表单提交
表单提交是刚开始学js的朋友很迷惑的一个问题,怎么提交,怎么阻止默认提交,怎么提交表单不跳转等等问题,下面是一些示例 原始的表单提交有 button 按钮提交和 <input >类型的。它们又什么区别呢?js跳转页面几种方法总结
js为我们提供了大量的跳转页面的命令了 下面我来给大家总结一些常用的js跳转页面方法 希望各位同学有所帮助 第一种 代码如下window location 第二种 跳到前一个历史记录 代码如下window hijs实现图片自动的滚动效果
自动滚动,主要思路是用js自带的setInterval方法。定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearIntervapdf.js获取点击坐标
pdf.js可以获取点击坐标。1、需要用鼠标点击pdf的位置,在所点击的位置那,插入一个图片。2、后台用的是itextpdf,插入图片功能已经做好,鼠标点击pdf文档的位置即可获取坐标。1、首先打开html编辑器,新建一个html文件,里面在JSP中如何获取Button按钮中的Value值?
1、创建一个名称为 type_button 的html文件 。2、添加2个button按钮,一个button在点击事件中加入自定义函数 mytype_button,另一个button设置id和type属性值为“button”。3、添加邪恶力量ruby是谁
邪恶力量ruby是杰娜微弗·库塔希。看电视剧的注意事项:看电视是一种很好的消遣娱乐方式。可是,弄不好就会出现副作用。1、看电视最好做到适度。一般看电视1小时左右,就应该休息一下,看看远处或是做眼保健操,这有益于视力。2、要把握好与电怎么远程控制他人电脑
有时电脑出现了一些我们解决不了的问题时,我们第一时间想到就是让电脑高手帮忙看一下问题但要对方在异地该办呢,那就通过电脑远程来解决了。下面我就和大家分享电脑远程控制他人电脑的方法,来欣赏一下吧。电脑远程控制他人电脑的方法1,首神舟是什么牌子旗下的电脑
hasee电脑系统及准系统的研发、生产和销售企业hasee,中文名“神舟电脑”,成立于2001年1月,隶属于新天下集团,是从事电脑系统及准系统的研发、生产和销售的高科技企业。中文名神舟电脑外文名Hasee成立时间2001年1月注册资金500请问主机自带音响怎么开?
1、把音箱的USB的线插在机箱上的USB插槽上。2、把音箱的“圆插头”,插在机箱后边,后边有三个孔插在中间那个。3、点击电脑右下角的“喇叭”图片调制下,音量,音效。显示器自带音响打开的方法是在状态栏的右角落后找到喇叭的图标,然后点击右键选择css动画效果的各种实现方法与区分,使用transition实现一个简单的翻牌效果
感觉自己总是混淆css各种动画效果,所以再这里总结一下1. transition ,所在元素块样式变动时启动,可用于样式变动时 产生过渡动画效果|transition-property| 规定设置过渡效果的 CSS新还珠格格 爱到心破碎 的歌词是什么
【新还珠格格】主题曲 《奔向你》 作词:琼瑶 作曲:庄立帆 演唱:张睿 还记得,初相见,是场震撼。 从此後,我心裏,被你填满。 狂风中,暴雨裏,心心相印。 迎著风,迎著雨,笑容灿烂。 奔向你,让我们策马奔腾。 奔向你,让我们踏遍红尘。 奔向运行QQ为什么电脑老是卡死?
这是因为qq文件受损或者设置不正确,和其他软件产生冲突,可以将当前qq卸载后再从官网下载官方qq软件。工具:电脑。1、打开百度搜索引擎首页。2、在搜索框中输入【qq】,在搜索出来的结果中点击进入qq官网。3、进入网站后点击界面右上角的【css如何实现有间隔的圆
可以使用 DrawArc 方法来实现有间隔的圆。这个方法需要提供七个参数:左上角 X 坐标、左上角 Y 坐标、右下角 X 坐标、右下角 Y 坐标、开始弧度、结束弧度、是否使用顺时针绘制(true 为顺时针)。1、首先打开sublime te怎么学习golang
除了Java、Python和JavaScript之外,如果要开始学习一门新语言的话,我想应该是Go!Go语言正在被越来越多的公司使用。我们公司的后端服务已经全面采用Go语言实现了。最开始接触Go语言是去年将一份Go代码“翻译”成Pyth工具 | bibliometrix:R语言文献网络分析package
《Journal of Informetrics》在2017年11月刊载了一篇文章《bibliometrix: An R-tool for comprehensive science mapping analysis》,该文章介绍了一款用于《Go程序设计语言中文版》pdf下载在线阅读全文,求百度网盘云资源
《Go程序设计语言中文版》百度网盘pdf最新全集下载:链接:https:pan.baidu.coms1K2XHYlNbRyQMiBkckaPr7A?pwd=0cii 提取码:0cii简介:本书由《C程序设计语言》的作者Kernig电脑怎么打半角英文?
输入半角英文的方法,首先要切换为英文输入,再设置半角状态,以百度输入法为例,其步骤为例:点击输入法状态栏上的【中】字,将中文输入转换成英文;2. 默认情况下,此时输入的就是半角英文,如果不是,则点击【英】后的“。,”符号(或者使用快捷键C语言中空格符号用什么表示?
''表示为NULL,而' '表示为空格。C语言的运算符主要用于构成表达式,同一个符号在不同的表达式中,其作用并不一致。下面按计算的优先顺序,分别说明不同作用的表达式。需要特别指出,在C语言标准中,并怎么把手机当电脑的音响用?
不能。手机的耳机孔、蓝牙都只有输出功能,没有输入功能,所以要把手机作为电脑的音箱实现还是比较困难的。另外,手机的音箱功能和电脑的相比还是要差很远的。不要说和台机的外接音箱,就是笔记本的内置音箱也是比不了的。主要是硬件的档次和性能是无法比无线网密码怎么改
无线网络的密码修改方法如下:1.首先登录路由器的后台,路由器和电脑连接,然后打开浏览器,输入路由器的管理地址一般情况是192.168.1.1具体地址请翻看路由器背面标签,然后输入登录密码登录后台。2、进入后台后选择无线设置,然后选择无线安如何设置一台电脑两个显示器或更多显示器
首先你的电脑要有独立显卡,这里我就不说怎么装了.然后独立显卡一般都有三个接口. VGA接口已经被原来的显示器用了,所以要用DVI接口,再准备一个(DVI转VGA头) 先把转接头插在显卡上,然后再把另外一台显示器的VGA线接在转接头上. 确认戴尔笔记本塑料为什么卖这么贵
戴尔笔记本塑料为什么卖这么贵,1.戴尔的壳是由高品质的材料制成的,这些材料都是经过严格检测的,以确保其质量和耐用性。2.戴尔的壳采用了先进的制造工艺,使其具有良好的绝缘性能,可以有效保护内部组件免受外界环境的影响。3.戴尔的壳采用了多种复杂怎么给java更新
在进行Java开发的时候我们可能会需要升级所安装的java版本,那么你知道应该如何安装吗?材料工具Java,电脑方法15搜索Java官网,注意不要进入到广告的页面中了,一定要找到正确的官网哈!请点击输入图片描述25进入到官网页java 线程 join方法
您好,提问者:当main线程调用到Thread-0的时候,这个时候main线程是等待状态,直到join守护完毕才执行下面的东西。join方法是先将线程池中的其它线程wait状态,join执行完毕,又调用了notifyAll()唤醒所有线程中关于Java 8,有什么好书推荐
推荐 Kishori Sharan 的 Java 系列书籍,除了用法介绍,还详细描述了设计原则,使用场景等等,内容全面而不单调,通俗易懂,无论是入门还是参考都很适用。如果从 0 开始学习 Java 8,推荐:《Beginning Java电脑为什么会自动重启
1、一个电脑自动重启,百分之六十是电源出问题了,哪就是电源的大电容漏电,供电不足造成的,这个就要换一个电源就可以解决了,2、主板上的内存插槽和内存之间接触不良出现问题,你可以将你现在的内存拨出,然后用橡皮擦擦对准金手指的地方来回的擦到几下[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动
这次要实现的目标是类似这种,纵向滚动时表头固定,横向滚动时,表头跟着滚动 最基础的思路就是表头和内容是用两个表格来显示(图来自 https:zhuanlan.zhihu.comp33280304 ),关于怎么保存表头和内容列宽一怎么查看电脑的配置呀
通过在运行里面输入“dxdiag”命令,来查看电脑配置;具体步骤如下:1、在运行里面输入“dxdiag”。2、若弹出一个DirectX诊断工具对话框,提示我们是否希望检查,点击确定即可。3、通过弹出的DirectX诊断工具界面来查看电脑的