如何动态给a标签加href属性

如何动态给a标签加href属性,第1张

mylink=document.createElement('a')

mylink.setAttribute('href',"href的属性")

//你还可以添加<a></a>中的东西

mylink.appendChild(document.createTextNode('超链接'))

楼主,checkbox更改a的href属性,就说明有多选的情况影响url,这个url需要楼主有个预处理哦,比如

if(ck1.checked) url="?"

if(ck1.checked &&ck3.checked) url="?"

因为获取checkbox组的checked状态需要循环来处理,所以这个预定义的状态需要好好考虑如何在循环中体现,在此不做多考虑,以下给个简单的获取checkbox状态来设置a标签的href属性的小例子:

<script>

function seturl(){

var ckboxs = document.getElementsByName("ck")

var state = "000"//设置状态位,当然也可以直接要求返回所选checkbox的值,看具体情况

for(var i=0i<ckboxs.lengthi++){

if(ckboxs[i].checked) state=state.substr(0,i)+"1"+state.substr(i+1,state.length-i)

}

//再根据状态位设置a标签的href

var el_a = document.getElementById("mylink")

switch(state){

case "001":

el_a.href="http://www.baidu.com/"break

case "010":

el_a.href="http://www.baidu.com/"break

//诸多状态省略

}

}

//循环体中设置状态位只是一种方法,可以返回楼主自己想要的结果,这个需要楼主自己考虑哦

</script>

<div>

<input type="checkbox" name="ck" id="ck1" onclick="seturl()"/>1<br>

<input type="checkbox" name="ck" id="ck2" onclick="seturl()"/>2<br>

<input type="checkbox" name="ck" id="ck3" onclick="seturl()"/>3<br>

<a id="mylink" href="" >动态链接</a>

<input type="button" onclick="alert(eval('mylink').href)" value="ok"/>

//测试按钮来alert

</div>

可以在页面加载完毕后再用javascript代码给a标签绑定onclick事件,或者直接给href属性赋值: 比如(这里只用一个a标签做例子): 主页 window.onload=function(){ document.getElementsByTagName("a")[0].href="要跳转的主页网址"}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11599399.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存