改变超级链接的内容

 

< html >

< head >

< title >

超链接测试

 </ title >

< script  language ="JavaScript" >
function  changeShowSize(actionName)
 {
     if (actionName == '伸展')
     {
          document.getElementById('changeSize').innerText = '收缩';
    }
     else
     {
          document.getElementById('changeSize').innerText = '伸展';
    }
}
</ script >
</ head >  

 < body >

< a  id ="changeSize"
       href ="changeShowSize(document.links[0].innerText)" > 伸展 </ a > <!--本行代码有误，应该改为href="javascript:changeShowSize(document.links[0].innerText)" >伸展</a> -->

</ body >

</ html >


posted on 2007-02-26 15:04 我为J狂 阅读(697) 评论(4)  编辑  收藏 所属分类: JavaScript

评论

# re: 改变超级链接的内容。 2007-02-26 19:32 chorsg

楼主的代码好像不对，也可能你故意写错的
大家这样写就实现楼主说的功能了（代码比较丑陋）
<html>

<head>

<title>

超链接测试

</title>

<script language="JavaScript">
function changeShowSize(actionName)
{
if(actionName=='伸展')
{
document.getElementById('changeSize').innerText='收缩';
}
else
{
document.getElementById('changeSize').innerText='伸展';
}

//alert(document.links[0].innerText);
}
</script>
</head>

<body>

<a id="changeSize" href="#"
onclick="changeShowSize(document.links[0].innerText)">伸展</a>

</body>

</html>  回复  更多评论   

# re: 改变超级链接的内容。 2007-02-26 19:34 chorsg

鄙视你的这种行为。。。  回复  更多评论   

# re: 改变超级链接的内容。 2007-02-26 19:43 BeanSoft

<a id="changeSize" href="#"
onclick="changeShowSize(document.links[0].innerText);return false;">伸展</a>

否则如果页面很长就跑到页首了, return false 可以确保不会接着访问 URL.  回复  更多评论   

# re: 改变超级链接的内容。 2007-02-26 21:17 我为J狂

呵呵，的确我的代码有一行写错了-----<a id="changeSize"
href="changeShowSize(document.links[0].innerText)">伸展</a>

应该更改为：<a id="changeSize"
href="javascript:changeShowSize(document.links[0].innerText)">伸展</a>

谢谢大家对我博客的支持。
  回复  更多评论   


只有注册用户登录后才能发表评论。
网站导航:
 
<2007年2月>
日一二三四五六
28293031123
45678910
11121314151617
18192021222324
25262728123
45678910

导航

统计

常用链接

留言簿(11)

随笔分类(48)

文章分类(29)

常去逛逛

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜