JS分割链接！-CSDN论坛

JS分割链接！

Web 开发 > JavaScript

收藏回复

[问题点数：40分，结帖人DUMPER]

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注私信空间博客 李尸尸 等级 本版专家分：984 结帖率 100%: 例：<a href="aa.php?item=x,y">x,y</a>想通过JS变成<a href="aa.php?item=x">x</a>,<a href="aa.php?item=y">y</a>
求个解决方法。

2017-09-08 19:37:40

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅ConnectionRefusedError: [WinError 10061] 由于目标计算机积极拒绝，无法连接。 ⋅怎么让程序自动重新运行 ⋅这个正则，^$为什么在中间，表示什么含义 更多帖子 关注私信空间博客 hongmei85 等级 本版专家分：23356 勋章 银牌 2017年8月总版技术专家分月排行榜第二 红花 2017年10月 PHP大版内专家分月排行榜第一 2017年9月 PHP大版内专家分月排行榜第一 2017年8月 PHP大版内专家分月排行榜第一 黄花 2017年11月 PHP大版内专家分月排行榜第二 2017年9月其他数据库开发大版内专家分月排行榜第二 2011年5月 Web 开发大版内专家分月排行榜第二 2011年4月 Web 开发大版内专家分月排行榜第二 蓝花 2017年9月 Web 开发大版内专家分月排行榜第三 2017年8月其他数据库开发大版内专家分月排行榜第三 2017年8月 Web 开发大版内专家分月排行榜第三 2011年3月 Web 开发大版内专家分月排行榜第三 2011年2月 Web 开发大版内专家分月排行榜第三

这样？



				var str = '<a href=" ">x,y</a >';

				re = /<a href="(.+?)\?item=(.+?)">(.+?)<\/a>/;

				result = re.exec(str);

				if (result)

				{

					var kkk = result[3].split(',');

					var jjj = result[2].split(',');



					var newstr = '';

					for (var i=0; i<kkk.length; i++)

					{

						newstr += '<a href="' + result[1] + '?item=' + jjj[i] + '">' + kkk[i] + '</a >,';

					}

					document.write(newstr);

				}

2017-09-08 20:11:54

点赞只看TA 引用举报 #1得分 4

⋅React16 React.__spread is not a function ⋅csdn真不想不粗口 ⋅csdn登陆 更多帖子 关注私信空间博客 似梦飞花 等级 本版专家分：40908 勋章 蓝花 2018年2月 Web 开发大版内专家分月排行榜第三 2017年10月 Web 开发大版内专家分月排行榜第三 2017年4月 Web 开发大版内专家分月排行榜第三 2013年11月 Web 开发大版内专家分月排行榜第三



<body>

<a href="aa.php?item=x,y">x,y</a>

<script>

    function change(dom){

        const item=dom.href.match(/item=([^?&=]+)/);

        const htmls=item&&item[1].split(',').map(function(item){

            cloneNode=dom.cloneNode(true);

            cloneNode.href=cloneNode.href.replace(/(item=)[^?&=]+/,'$1'+item);

            cloneNode.innerHTML=item;

            return cloneNode.outerHTML;

        });

        dom.outerHTML=htmls.join('');

    }

    change(document.querySelector('a'));

</script>

</body>

2017-09-08 20:18:19

点赞只看TA 引用举报 #2得分 3

⋅博客的富文本编辑器把html标签中 onclick 等事件的第一个字符 o 给自动改成了ο（编码是03BF），正常的 o 编码是006F

⋅用网站论坛的移动版发的图片都只有缩略图没有原图

⋅为什么我在问答区的回答总是莫名的消失？

更多帖子

关注私信空间博客

天际的海浪

等级

本版专家分：159721

勋章

签到达人 累计签到获取，不积跬步，无以至千里，继续坚持！

GitHub 绑定GitHub第三方账户获取

进士 2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年总版技术专家分年内排行榜第七

银牌 2019年1月总版技术专家分月排行榜第二



var str = '<a href="aa.php?item=x,y">x,y</a>';

var arr = [];

str.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

});

alert(arr);

2017-09-08 20:22:37

点赞只看TA 引用举报 #3得分 15

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注私信空间博客 李尸尸 等级 本版专家分：984

引用 3 楼 jslang 的回复:



var str = '<a href="aa.php?item=x,y">x,y</a>';

var arr = [];

str.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

});

alert(arr);

我是真不会JS，碰到个难题，想解决一下，有个列表
<a href="aa.php?item=x">x</a>
<a href="aa.php?item=x,y">x,y</a>
<a href="aa.php?item=x,y,z">x,y,z</a>

想通过原生JS或JQ，当遇到有,的时候，分别点击是不同的链接

想通过JS变成<a href="aa.php?item=x">x</a>,<a href="aa.php?item=y">y</a>

2017-09-08 22:55:45

点赞只看TA 引用举报 #4得分 0



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

2017-09-08 23:57:05

点赞只看TA 引用举报 #5得分 20

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注私信空间博客 李尸尸 等级 本版专家分：984

引用 5 楼 jslang 的回复:



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

alert时，是分割开了，但是鼠标移至链接时没有分开

2017-09-09 23:25:51

点赞只看TA 引用举报 #6得分 0

⋅求传参的解决方法！ ⋅数据库查询如何按这种方式排序 ⋅JS分割链接！ 更多帖子 关注私信空间博客 李尸尸 等级 本版专家分：984

引用 5 楼 jslang 的回复:



<div id="test">

<a href="aa.php?item=x">x</a><br>

<a href="aa.php?item=x,y">x,y</a><br>

<a href="aa.php?item=x,y,z">x,y,z</a>

</div>



<script type="text/javascript">

document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/(<a href=\".+?=)(.+?)(\">)(.+?)(<\/a>)/g,function (s,a,b,c,d,e) {

	var arr = [];

	b = b.split(",");

	d = d.split(",");

	for (var i = 0; i < b.length; i++) {

		arr.push(a+b[i]+c+d[i]+e);

	}

	return arr.join(",");

});



</script>

特别感谢，终于解决了

2017-09-09 23:53:05

点赞只看TA 引用举报 #7得分 0

收起

收藏回复

李尸尸

等级：

关注私信 TA的帖子

使用js切割URL的参数: 对于一些开发场景，不使用Jsp或freemarker及其其他的模板引擎时，通常通过切割url获得对应的参数，然后通过AJAX与后台交互得到对应的数据下面是演示实例: test.html <!DOCTYPE ...

HTML、CSS和JavaScript学习五(案例分析一框架窗体分割、超链接和热点区域): 框架之间的链接，以及热点区域的使用：先看效果图：准备四个html文件，分别是framesets.html、img.html、lianjie1.html和lianjie2.html framesets.html 的代码如下，很简单: [java

使用js拆分带参数的URL，将参数分离出来: url中的内容：http://140.249.17.87:8081/implanth5/ToExternalController/toMemberinfo?account=zhangsan&...一下为js内容，包装在一个init方法中。 init(); function init(){ var the...

js分割url提取参数: //分割url提取参数 var url =Window.location.search;//获取url地址？至结尾的所有参数 //key(需要检错的键） url（传入的需要分割的url地址） function getSearchString(key,Url) { // 获取URL中?之后的字符...

js split分割url: var url="http://localhost/user/u_user_cash/p/2.html";以 . 或者 /p/ 来分割url串var url_arr=urla.split(/\\\\.|\\\\/p\\\\//);结果http://localhost/user/u_user_cash2html

”js Javascript 字符串数组正则分割字符串正则分割: 因项目需要，自己用源生js语言写了一个可以将字符串数组或者字符串以指定字符分割，根据正则过滤得到一个数组的方法

JS split() 分割字符串: NULL 博文链接：https://onestopweb.iteye.com/blog/2358978

js获取url链接中的域名部分: 用js提取出url中的域名(domain)部分，用split()函数就可以了。因为一个正确的url必定是由http://或者是https://、domain、路径/参数组成，所以可以用split以/进行分割成数组，取第3部分就是域名了。代码范例： ...

js split分割字符串成数组: 链接：https://blog.csdn.net/hanchuang213/article/details/64920756备注：由于我的后台返回的是：data数据（json）,需要显示的字段是字符串需要进行逗号分割，所以获取后台的值需要改变一下：var value = data....

Javascript分割/截取/连接字符串: JS对于字符串的切割截取 https://www.cnblogs.com/linqingvoe/p/10812212.html

javaScript格式化金钱按逗号进行分割: 原文链接：小宁博客在我们程序处理金钱的时候，有时候在使用JavaScript的计算的时候很容易出现问题，如果数字很大的话往往会出现显示不好看的问题，所以小编在这里封装了一个格式化金钱的方法。 function ...

javaScript识别网址文本并转为链接文本: 最近项目有个需求：用户之间发送消息时，如果发送者输入的信息中含有网址文本，要在接受者界面中显示网址链接，点击该链接直接跳转到网页。这个功能和 QQ 发送网址文本的效果非常像，可以说是一模一样的。思路：...

【JavaScript】------- JavaScript 实现 URL 链接加密解密分割成对应的数据;: 1.例如：<a href =“content.html？BtnType =查看＆BtnTypeData = [{name：”xiao“，{sex：”男“}}]”; 怎么获取中文而不是乱码呢在这里看如下代码： 2.先进行乱码：<a href =“content....

使用js分解url地址参数: 使用split函数分别分割，先以"？"分割，再以"&",最后再以“=”，并将之存入一个对象示例的地址参数为：http://www.runoob.com/jquery/misc-trim.html?channelid=12333&name=...

JavaScript获取链接url参数并生成对象: 获取地址栏参数，实用又方便日常每次在获取URL上的参数都得写一遍 location.search 接着xxxx一顿分割字符串想做个一劳永逸的东东，所以写了一个迷你URL的解析工具喜欢的朋友可以下载看看

基于深度学习的图像分割总结: 根据实际分割应用任务的不同，可以大致将分割分为三个研究方向：语义分割、实例分割、全景分割。这三种分割在某种意义上是具有一定的联系的。语义分割：像素级别的语义分割，对图像中的每个像素都划分出对应的...

js获取url参数最简单一遍就很清晰: js获取url参数 1.一班的url要获取参数无非就是获取?后面的内容以及&后面的字段 2.玩转split即可（**split将字符串分割成字符串数组**）直接上案例 function geturl(url){ //用问号来分割 var str1 = url....

js处理url链接参数: // 获取url完整链接 let getQueryString = function (url, name) { // console.log("url = " + url) // console.log("name = " + name) var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?...

Leetcode答题 --- 分割平衡字符串: s，请你将它分割成尽可能多的平衡字符串。返回可以通过分割得到的平衡字符串的最大数量。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/split-a-string-in-balanced-strings 示例输入：s = ...

JS 将字符串数组用 | 或其他符号分割: var arr = ["吕超","赵云","典韦","关羽","马超","张飞"];... //为了避免第一个名字前有|,把第一个名字从数组中取出，赋值给str，然后在链接其他名字。 for(var i=1;i<arr.length;i++){ str += separa...

Menu菜单属性添加分割线与隐藏多余的分割线: {默认会自动隐藏多余的分割线} //MyMenu.AutoLineReduction := maManual; {设定为手动会显示所有分割线}参考链接：http://www.cnblogs.com/del/archive/2008/02/04/1064288.html 效果图: 转载于:htt...

JavaScript拆分字符串时产生空字符的原因: 问题描述使用JavaScript的split方法拆分字符串时出现一些空...在上面这个问题中，题主使用正则表达式对字符串进行分割时产生了多个空字符串""，代码如下： '张sdf四上法asdf翁芬aa33网s'.split(/([\u4e00-\u9fa5]{1

生成url链接中诡异的百分号分割的中文编码: 在之前的编程中爬取bilibili， ...为了设置header中的referer，要将搜索链接中的关键词转为unicode中文编码，并且是百分号划分的格式。 https://search.bilibili.com/all?keyword=羽生结弦变为 ...

读取SBD实例分割数据集: VOC可以用于实例分割SegmentationObject: 也是物体分割后的结果，总共2913张png图片。 SegmentationClass: 语义分割标签，2913张png图片，图片是一样的，只是语义和实例分割的标签不一样，2913有1449用于validation...

659. 分割数组为连续子序列: 给你一个按升序排序的整数数组 num（可能包含重复数字），请你将它们分割成一个或多个子序列，其中每个子序列都由连续整数组成且长度至少为 3 。如果可以完成上述分割，则返回 true ；否则，返回 false 。来源：...

用不同方式采集网页链接: 要求：通过程序下载www.pku.edu.cn网页，采用不同方法将链接全部采集出【注：仅要带有href，且href的值不能以#开始，不能含有JavaScript/vbscript。】。 1、用字符串处理办法，将所有链接采集出，格式是名称及其...

深度学习图像分割开源代码（附链接，超级全）: 链接：https://github.com/mrgloom/awesome-semantic-segmentation Awesome Semantic Segmentation Networks by architecture Semantic segmentation U-Net [https://arxiv.org/pdf/15...

js处理csv文件并导出: 当使用js处理Excel文件时，建议导出为csv，这样就能以纯文本形式进行处理。首先使用<input>与FileReader将csv文件以文本形式加载到一个字符串变量中。设字符串变量为tableStr。首先要将整个字符串按数据行来...

javascript网页特效实例大全: 6.11 图片分割显示 146 6.12 图片穿行页面效果 148 6.13 自由移动的图片 149 6.14 图片代替按钮效果 150 6.15 图片的翻转效果 151 6.16 向外扩展的图片 152 6.17 鼠标悬停改变图片 153 6.18 图片模糊效果 155...

相关热词 c# 两个form赋值 c#无符号整形转为有符号 a4纸大小 c# c# 图片合并 c# 脏字过滤 c#登录权限 c#设置excel列宽 c#透明度 c# 载入文件 adb c#