使用document.getElementById替換innerHTML時的意外行爲

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。

爲了防止發生這種情況，請將您的表達式包含在void()運算符中，以使其無效。