JS如何实现点击页面内任意的链接均加参数跳转? 20

如点击页面内的链接http://www.hao123.com,(JS代码处理后)点此链接即跳转为http://www.baidu.com/?http://www.hao1... 如点击页面内的链接http://www.hao123.com,(JS代码处理后)点此链接即跳转为http://www.baidu.com/?http://www.hao123.com
请问这JS如何写?
展开
 我来答
趣事情
推荐于2016-11-10 · 知道合伙人互联网行家
趣事情
知道合伙人互联网行家
采纳数:517 获赞数:5452
电脑技术,软件开发。移动开发。网站建设相关专业知识。都可以提供解答和相关技术指导。

向TA提问 私信TA
展开全部
1.JS跳转页面参考代码

第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四种:
<script language="JavaScript">
self.location='top.htm';
</script>
第五种:
<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>

2.javascript中弹出选择框跳转到其他页面
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>

3.javascript中弹出提示框跳转到其他页面
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>
[/code]
xiii130
推荐于2017-12-16 · 知道合伙人软件行家
xiii130
知道合伙人软件行家
采纳数:817 获赞数:2867
爱好编程,在工作中积累了比较丰富的经验。愿与大家共同进步。

向TA提问 私信TA
展开全部

这个简单啊


写一个函数

function seturl(url){
    location.href = url + '你想加的参数';
}


在想要添加的超链接调用他

<a href="#" onClick="seturl('你的链接地址');">超链接</a>


举个栗子

function seturl(url){
    location.href = ‘hxtxtxp://xwxwxw.baidu.com/?’ + url;
}
<a href="#" onClick="seturl('hxtxtxp://xwxwxw.hao123.com');">链接名</a>
更多追问追答
追问
JS使所有包括从iframe内链接弹出的网页前缀均加http://www.baidu.com?http://……(iframe内链接)。意思是JS监视所有点击事件,所有的url均加参数跳转
追答
<a href="原来的地址">链接名</a>
<script>
var g = document.getElementsByTagName('a');
for(var i=0;i<g.length;i++){
    var a = g[i];
    a.onclick = function(){
        this.href = this.href + '新参数';
    }
}
</script>

应该是这样了吧

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
x_gana
2014-01-06 · TA获得超过186个赞
知道小有建树答主
回答量:96
采纳率:0%
帮助的人:69.8万
展开全部
用jQuery实现

$("a").each(function(){
var link = $(this).attr("href");
link = "http://www.baidu.com?" + link;
$(this).attr("href",link);
});
更多追问追答
追问
代码我不会,能否给个完整的html源码?
追答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="./javascript/jquery.min.js"></script>
<title>测试</title>
</head>

<body>
<a href="1111111111111111.html">1111111111</a>
<a href="2222222222222222.html">2222222222</a>
<script>
$(function(){
$("a").each(function(){
var link = $(this).attr("href");
var new_link = "http://www.baidu.com/?" + link;

$(this).attr("href",new_link);
});
});
</script>
</body>
</html>

至于jquery.min.js这个文件,百度自己搜一下,下载到本地就可以了。


关于iframe里的链接,同理把代码加入到iframe引入的页面里去实现,直接操作iframe兼容性不太好。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式