怎么用javascript做动态超链接

我想做这样的一个效果,不是直接用<aherf="">地址</a>这样的形式指定文字的超链接,而是通过某些判断后动态指定地址,用javascript怎么实现这样的效果不行啊... 我想做这样的一个效果,不是直接用<a herf="">地址</a>这样的形式指定文字的超链接,而是通过某些判断后动态指定地址,用javascript怎么实现这样的效果
不行啊
展开
 我来答
woshidaniel
推荐于2017-09-24 · TA获得超过9240个赞
知道小有建树答主
回答量:1760
采纳率:96%
帮助的人:950万
展开全部

1、创建超链接节点

var a=document.createElement("a");

2、为节点赋值href属性

a.href="网址";

3、设置超链接页面显示的内容

a.innerText="我是超链接"+i;

4、把节点添加到页面上

document.body.appendChild(a);
百度网友0f64c1317
推荐于2017-09-01 · TA获得超过393个赞
知道小有建树答主
回答量:178
采纳率:0%
帮助的人:211万
展开全部
<script type="text/javascript" language="javascript">
function changeslt() {
var a = document.getElementById("lk");
var pindex = document.form1.slt.value;
alert(pindex);
if (pindex == 1) {
a.href = "www.baidu.com";
}
else {
a.href = "www.google.cn";
}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<div>
<select name="slt" onchange="changeslt()">
<option value="1">选择百度</option>
<option value="2">选择谷歌</option>
</select>
<a href="www.baidu.com" id="lk">点击连接</a>
</div>
</form>
</body>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友883a16d
2015-08-29 · TA获得超过109个赞
知道小有建树答主
回答量:237
采纳率:100%
帮助的人:117万
展开全部
var link = "";//链接地址

function toLink(link){
    window.location.href = link;
}

//调用 toLink() 方法,把参数传进去就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cx924098
2010-07-19 · TA获得超过172个赞
知道小有建树答主
回答量:225
采纳率:0%
帮助的人:220万
展开全部
有很多种实现方式 ,要看你具体怎么做
如果已经存在"<a id="url" herf="">地址</a>"
那么在javascript中判断就可以动态指定地址:
<script>
var a = document.getElementById("url");
//条件判断
if(){
a.href = "URL1";
}else if(){
a.href = "URL2";
}else{
a.href = "URL3";
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
kekee000
2010-07-18 · TA获得超过154个赞
知道小有建树答主
回答量:158
采纳率:0%
帮助的人:123万
展开全部
动态创建dom对象
//创建一个a对象
var a=document.createElement("A");
//指定链接地址
a.href="http://www.baidu.com";
//指定链接内容
a.innerHTML="内容";
//将此对象加入dom节点中
document.body.appendChild(a);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式