替换a链接的href和title

时间:2021-11-20 06:37:28

新项目准备验收,客户检测网页有安全隐患,说是当前网页使用“http://”有风险,指定外部链接不用“http://”怎么整……

后来想到用JS替换字符串去操作,找了半天总算找到合用的,最终是用JQ去更改URL,Title也可以更改,再把JQ当作外部文件去引用,就避免了当前网页出现“http://”的代码;如有更简单的方法望大家交流分享~

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
$(".forget_link").attr({
"href" : "http://www.w3school.com.cn/jquery/",
"title" : "W3School jQuery 教程"
});
});
</script>
<p><a href="http://www.w3school.com.cn" title="asdfasfd" class="forget_link">W3School.com.cn</a></p>
<p>请把鼠标指针移动到链接上,或者点击该链接,来查看已经改变的 href 值和已经设置的 title 值。</p>

菜鸟示例:

W3School.com.cn

请把鼠标指针移动到链接上,或者点击该链接,来查看已经改变的 href 值和已经设置的 title 值。