前端使用js如何准确获取当前页面url网址信息2023-03-08 11:08:01JavaScript037在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,用来得到当前网页的域名设置或获取对象指定的文件名或路径。\x0d\x0a\x0d\x0aalert(window.location.pathname)\x0d\x0a\x0d\x0a\x0d\x0a设置或获取整个URL为字符串。\x0d\x0a\x0d\x0a\x0d\x0aalert(window.location.href)\x0d\x0a\x0d\x0a设置或获取与URL关联的端口号码。\x0d\x0a\x0d\x0aalert(window.location.port)\x0d\x0a\x0d\x0a\x0d\x0a设置或获取URL的协议部分。\x0d\x0a\x0d\x0aalert(window.location.protocol)\x0d\x0a\x0d\x0a\x0d\x0a设置或获取href属性中在井号“#”后面的分段。\x0d\x0a\x0d\x0aalert(window.location.hash)\x0d\x0a\x0d\x0a\x0d\x0a设置或获取location或URL的hostname和port号码。\x0d\x0a\x0d\x0aalert(window.location.host)\x0d\x0a\x0d\x0a\x0d\x0a设置或获取href属性中跟在问号后面的部分。\x0d\x0a\x0d\x0aalert(window.location.search)\x0d\x0a词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”# 上一篇:c语言定义字符串数组# 下一篇:如何唤醒电脑睡眠模式?给您推荐相同类型的内容: go语言的官网是什么? go语言的官网是http:studygolang.comGo语言是谷歌推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发Go,是因为过去10多 打印机怎么连接电脑? 电脑在使用过程中可以连接打印机,下面是带来的连接方法,希望可以帮到大家。1、首先打开电脑的【开始菜单】,点击右侧的【设置】。2、然后在弹出的设置对话框里面,选择【设备】。3、然后在打开的设备页面中,点击下方的【设备和打印机】。4、接下来点 两分钟搞懂函数提升与变量提升 先不讲官方对“函数提升”与“变量提升”的定义,请回答我俩问题: 这里弹出“1”,应该是没什么问题吧?那么再看看下面这个: 相信很多同学会说,这里也是弹出1,没错,答案确实是1。那么我顺便就告诉你,上面的写法2就是所谓的函数提升。概念 Go中字符串的遍历 首先说一下go中的字符串类型: 字符串就是一串固定长度的字符连接起来的字符序列。Go的字符串是由单个字节连接起来的。Go语言的字符串的字节使用UTF-8编码标识Unicode文本。 下面介绍字符串的三种遍历方式,根据实际情况选择即可 电脑屏幕全屏显示怎么设置? 1、打开电脑,在电脑桌面空白处单击鼠标右键。2、在弹出的菜单中,选择【显示设置】。3、进入【显示】设置菜单,将【显示分辨率】调成合适的分辨率即可满屏显示画面。(1080P显示器的合适分辨率为1920 x 1080,一般设置为推荐选项即可)如 怎么用js显示隐藏div 怎么用js来显示或隐藏一个div?很简单,下面一起来看一下。 01首先我们创建一个div,和一个按钮。用按钮的点击来控制div的显示或隐藏。02添加一个样式名叫hide的样式,主要是设置display=none,即隐藏。 如何将A数据库的数据迁移到B数据库中 工具原料电脑 数据库方法步骤1、首先,打开并连接Sql Server,在源数据库Source_db上右击,依次点击“编写表脚本为”→“CREATE到”→“新查询编辑器窗口”。2、在第1步产生的编辑器中按”crtl+a“全选内容 电脑安装软件在哪里找 1、打开我的电脑,点击搜索框。2、windows上安装的软件一般都是以“exe"结尾的,因此查找EXCEL安装路径,就输入“EXCEL.EXE”,输完,电脑就会自动开始搜索。3、这就找到了EXCEL.EXE文件。4、右键,选择“打 教师用笔记本还是平板? 皆可。笔记本操作更方便,多媒体教室可能笔记本会更方便点。但是也有缺点,首先费用更高,其次便携性较之平板也略差。平板的话,首先是具有很好的便携性,在保证便携的同时,大屏阅读也更加友好方便。但是在多媒体教室的使用上略差,但是也可以通过拓展坞解决 电脑重装系统后重启后怎么设置硬盘启动 电脑重装系统后重启后设置硬盘启动方法如下:1、把电脑打开机,按住DEL键进入到BIOS界面,如下图所示。2、进入BIOS界面后,找到并点击选择SystemSummary后按enter键确认。3、然后找到Satadrive0/1/2查看自己 css选择器类型 h1, h2, p {} 选择所有的h1,h2,p 1、后代选择器 (包含选择器): 以空格隔开包含关系的元素 2、子选择器 以>隔开父子级元素 3、兄弟选择器 ~ +1、.tab p[titl 笔记本电脑可以插耳机吗? 可以。耳机一般与媒体播放器可分离的,利用一个插头连接。好处是在不影响旁人的情况下,可独自聆听音响;亦可隔开周围环境的声响,对在录音室、酒吧、旅途、运动等在噪吵环境下使用的人很有帮助。耳机原在电话和无线电上使用的,但随着可携式电子装置的盛行 手机怎样传送到电脑 以下是电脑和手机相互导入文件的方法:1、互传网页版,在手机和电脑连接同一个WiFi的情况下,电脑上打开网址:https:as.vivo.com,然后通过手机运行“互传”软件--传送文件--网页传--扫一扫--扫描网页端二维码--连接成功 js中可以调用java代码吗 js不能直接调用java代码。可以通过页面提交后台的方式,间接调用后台的服务java代码。也可以通过ajax的方式,调用后台的服务java代码。两种方式稍有差别,不过都是前后台的通信交互。首先是网页:<%@ page lang CSS技巧分享:如何用css制作横排二级下拉菜单 工具材料notepad++浏览器打开Notepad++,先输入个页面框架 <!DOCTYPE html><html xmlns="http:www.w3.org199 请问电脑硬盘指的是什么东西? 电脑硬盘是计算机最主要的存储设备。硬盘(港台称之为硬碟,英文名:Hard Disk Drive, 简称HDD 全名温彻斯特式硬盘)由一个或者多个铝制或者玻璃制的碟片组成。这些碟片外覆盖有铁磁性材料。绝大多数硬盘都是固定硬盘,被永久性地密封固 CSS霓虹灯字体代码 什么怎么做 font-family: "YaHei Microsoft"*设置字体*font-weight: bold*字体加粗*font-size: 30px*字体大小*letter-spacing: 1p 怎么在javascript里定义数组并用for循环赋值 1、定义数组var arr1 = []通过[]方式定义一个数组var arr2 = new Array(2)通过Array对象定义一个数组2、for循环赋值for(var i=0i<arr2.lengthi++){ 笔记本电脑可以听到声音但是声音传不过去? 能听到声音证明你电脑的声卡没有问题,但耳机传不出声音,拿有可能是你耳机本身坏了,可以用在其他电脑上面试一下。如果没有问题的话那就考虑一下电脑驱动或者设置的问题,可以用专业的驱动管理软件,比如说驱动人生,做一个外设驱动检测,自动检测安装适配的 苹果手机如何连接电脑? 苹果手机连接电脑具体的操作过程如下:1、将iPhone连接到电脑时,首先将iPhone数据线插入电脑主机的USB接口,如下图所示;2、确保连接iPhone时,PC上的USB端口可用,如下图所示;3、当iPhone成功连接到电脑的USB接口 css样式引入有哪几种方式,优先级是怎么样的? 按优先级:前端优先读取正序。正规规范优先倒序。style=这样肯定是最优的,但也是最不推荐的。前端标签直接写入。延伸阅读:读取优先,灵活使用,如大量页面,每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。<style css3如何快速生成 这个一般用画布做,然后用一个二维数组来排列, 类似一个像素盘,用0和1代表是否填充,比如数字0的数组就是 [[1,1,1,1,1], [1,0,0,0,1], [1,0,0,0,1], [1,1,1,1,1]] 这样渲染以后就是一个长方形, 台式机电源测试方法 台式机电源怎么测试呢?下面是我收集整理的台式机电源的测试方法,欢迎阅读。台式机电源测试方法准备好一条导线, 随便什么样的都可以的。把电源从电脑上拆下来,拿着导线插入电源上的24P插头中的绿线接口内。另一头插入电源24P头上的 那些软件看小说全部免费,小说还全 免费看小说的APP:搜书大师、笔趣阁、阅读、大白书城、新免小说阅读器。1、搜书大师搜书大师(原搜书神器)是一个搜索和阅读网络文学的工具,内置上百个书源,诸如笔趣阁之类,可以搜索到任何你想看的网络文学!首页书籍支持净化阅读功能,很强大的自 手机怎么连接电脑 您可以通过数据线将手机与电脑连接,以华为P40 Pro手机为例:1.通过 USB 数据线连接手机和电脑。待电脑上的驱动程序自动安装完成后,会出现以手机命名的盘符。2.从(手机)状态栏下滑出通知面板(可继续下滑),点击点击查看更多选项,选 python的爬虫框架有哪些? 1.Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘,信息处理或存储历史数据等一系列的程序中2.pyspider 是一个用python实现的功能强大的网络爬虫系统,能在浏览器界面上进行脚本的编写, 电脑硬盘怎么修复? 修理硬盘坏道对于逻辑坏道,我们可以修复,对于物理坏道,我们应采用隔离的办法,以最大程度减少损失,防止坏道进一步扩散为目标。我见过有些人在报纸上吹说用某个特殊软件能修理物理坏道,最要命的是许多人对低格硬盘的迷信,实在是误人之语。所谓低级格 如何唤醒电脑睡眠模式? 单击“开始”按钮,找到“运行”栏,键入cmd,进入管理器栏后,输入powercfg -a,然后在命令提示符处输入PowerCfg -DEVICEQUERY wake_armed,切换到“电源管理”选项卡,选中“允许此设备唤醒计算机”,然后单 java 中for循环的一个用法 该问题中for循环的一个用法指的是foreach用法,下面详细讲述:foreach语句是java5的新特征之一,在遍历数组、集合方面,foreach为开发人员提供了极大的方便。foreach语句是for语句的特殊简化版本,但是foreach 用CSS如何让列表字体变粗? 需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<script>标签中,输入js代码:$('