当前位置：阳诡子 > 建站 > 正文

JQ批量增加网址前缀

时间：2020-11-09 来源：作者：

前言

这个效果可以用在无损外链以及一些推广链接中，比如转址站、佣金链等，只要符合其链接条件即可，而且这个效果并不改变HTML的代码结构，算是非常实用的一个效果。

JQ部分

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

HTML部分

<div id="demo1">
<p><a href="http://www.baidu.com/" target="_blank">baidu</a></p>
<p><a href="http://www.google.com/" target="_blank">google</a></p>
</div>
<div id="demo2">
<p><a href="http://www.baidu.com/" target="_blank">baidu</a></p>
<p><a href="http://www.google.com/" target="_blank">google</a></p>
</div>

JS部分

<script type="text/javascript">
var pre = 'http://aaaa3333aaaa.com/url?=';
$(document).ready(function(e) {
$('#demo1 a').each(function(index, element) {
$(this).attr('href',pre + $(this).attr('href'));
});
});
window.onload = function(){
var _a = document.getElementById('demo2').getElementsByTagName('a');
for(var i=0;i<_a.length;i++){
_a[i].href = pre + _a[i].href;
}
}
</script>

使用说明

1、在</head>之前插入JQ部分代码；
2、在<body>与</body>之间插入HTML部分代码；
3、在</body>之前插入JS部分代码。

来顶一下

返回首页

相关文章