getElementById无法正常工作

Question

这是我的代码 - http://jsfiddle.net/EC6jT/

<input type="text" id="mytext">
<a href='javascript:elem();'>click</a><br/>  

<input type="text" id="mytext2">
<a href='javascript:document.getElementById("mytext2").value = "My default value";'>click</a><br/>

<script type="text/javascript">
function elem() {
  document.getElementById("mytext").value = "My default value";
};
</script>

为什么第一个"点击"链接正常工作而第二个链接不正常？为什么第二个"点击"链接会删除所有内容？

谢谢.

Answer 1

而不是这个

<a href='javascript:document.getElementById("mytext2").value = "My default value"; '>click</a><br/> 

像这样使用

<a href='javascript:document.getElementById("mytext2").value = "My default value"; return false;'>click</a><br/> 

来自@Jonathan Lonowski的精彩解释

为了解释需要return false或相似,javascript:...将显示结果,如果它是真实的 - 例如href="javascript:"foo".默认elem()返回undefined,这是假的.但是,赋值运算符(=)返回分配的值.另一种选择是在声明前加上void操作员,以丢弃任何可能的结果 - href="javascript:void document....". -