匹配url后的参数（模拟a标签点击定位）

╰+攻爆jí腚メ 2022-05-27 01:21 176阅读 0赞

**function****getQueryString****(****name****) \{  **

**    var** **reg =** **new****RegExp****(****"(^|&)"** **+ name +** **"=(\[^&\]\*)(&|$)"****,** **"i"****);  **

**    var** **r =** **window****.location.search.substr(****1****).match(reg);  **

**    if** **(r !=** **null****)\{  **

**        console****.log(r);  **

**        return****unescape****(r\[****2****\]);  **

**    \}****else****\{  **

**        return****null****;  **

**        \}  **

**    \}  **

**        argu = getQueryString(****'argu'****);**

（1）^匹配输入字符串的开始位置，除非在方括号表达式中使用，此时它表示不接受该字符集合。要匹配^字符本身，请使用\\^。

（2）|指明两项之间的一个选择。要匹配|，请使用\\|。

（3）匹配输入字符串结尾的位置。

**（4）**re = new RegExp("patten", "flags")

pattern：正则表达式

flags：g(全文查找出现的所有pattern)

i(忽略大小写)

m(多行查找)

\---------------------------------------------------------------------------------------------------------------------

**给a标签点击后添加新页面li的点击事件：**

先给body添加属性 ：**οnlοad='load()'**

**代码如下：**

**<script>**

**function GetQueryString(name)\{//这个方法去获得get参数**

**var reg = new RegExp("(^|&)"+ name +"=(\[^&\]\*)(&|$)");**

**var r = window.location.search.substr(1).match(reg);**

**if(r!=null)\{**

**return unescape(r\[2\]);**

**\}else\{**

**return null;**

**\}**

**\}**

**function load()\{**

**document.getElementById((GetQueryString("btn"))).click();**

**\}**

**</script>**

**</head>**

**<body οnlοad='load()'>**

**给a页面的a标签添加url+参数**

![20180409115253744][]

**然后给b页面的li标签添加id属性，对比两个url的参数进行加载（在a标签的url里面加一个参数，跳转到b页面里面获取这个参数进行判断加载什么内容就可以了）**

![20180409115311771][]

[20180409115253744]: /images/20220527/c134378fcf6149e58be1d0b769bb0705.png
[20180409115311771]: /images/20220527/824148f77b7c4676bb465019b5a561a3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 js模拟点击a标签，触发href

s中的$(…).click()事件只能触发绑定的onClick方法，不能跳转到href。常规情况下如果想下如果想在js里跳转href的链接，会先用attr获取到hre...

深藏阁楼爱情的钟/ 2024年04月19日 13:03/ 0 赞/ 84 阅读

相关＜a＞标签点击后3秒内禁止再次点击

<a>标签点击后3秒内禁止再次点击。 function disableBtn(name, time) { var btn = document

叁歲伎倆/ 2024年02月19日 21:33/ 0 赞/ 73 阅读

相关绝对定位下＜a＞标签无法点击

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅

忘是亡心i/ 2023年10月08日 12:03/ 0 赞/ 39 阅读

相关＜a 标签禁用点击disabled实现

禁用： $(".paiqi-btn").attr("disabled",true).css("pointer-events","none") 解除禁用 $

小鱼儿/ 2023年01月23日 07:53/ 0 赞/ 31 阅读

相关匹配url后的参数（模拟a标签点击定位）

functiongetQueryString(name) \{ var reg = newRegExp("(^|&)" + name + "=(\[^&

╰+攻爆jí腚メ/ 2022年05月27日 01:21/ 0 赞/ 177 阅读

相关点击a标签触发点击事件后下载文件

a标签 <a></a> a标签下载文件 <a download="filename" id="a_downloadPdf" href="文件地址">点击下载</a

太过爱你忘了你带给我的痛/ 2022年05月16日 13:23/ 0 赞/ 677 阅读

相关 jquery 设置a标签不可用，不可点击，禁用a标签

html源码： <a href=“\” id=“gotoPage”>链接<a> js源码： $（“\gotoPage”）.attr("disabled",true); /

末蓝、/ 2021年12月09日 04:35/ 0 赞/ 875 阅读

相关点击其他a标签原a标签恢复

假设有3个a标签，当点击第一个标签时，标签是一种颜色，不点击时，保持点击后的颜色，但点击其他a标签，该标签恢复颜色。 css: a{ text-d

我不是女神ヾ/ 2021年11月01日 15:10/ 0 赞/ 565 阅读

相关 css去掉a标签点击后的虚线框

[css去掉a标签点击后的虚线框][css_a] outline是css3的一个属性，用的很少。声明，这是个不能兼容的css属性，在ie6、ie7、遨游浏览器都不兼容

野性酷女/ 2021年09月26日 14:18/ 0 赞/ 428 阅读

相关点击a标签没反应

修改了一下样式，发现a标签点击没反应了，感觉跟没点一样~ （正常情况下子元素都在父元素上面，点击a标签，会跳转）检查一下发现是设置a标签的z-index：-1；父元...

你的名字/ 2021年01月19日 17:15/ 0 赞/ 917 阅读