javascript - 使用 document.getElementById 替换 insideHTML 时出现意外行为

Question

下面我做错了什么？我只想替换一个div的内容，但整个页面的内容都改变了。

为什么显示“第二页”时“下一页”链接消失了？

<div id = "notes">
 <p>First page</p>
</div>

<a href="javascript:document.getElementById('notes').innerHTML = '<h1>Second page</h1>'">Next</a>

Answer 1

导航到 javascript: URI 将显示脚本的结果。

赋值运算符计算出分配的值，因此您最终会直接导航到该 HTML block 。

为了防止这种情况发生，请将表达式包装在 void() 运算符中，这样它就没有值了。