添加JavaScript功能的小書籤

Question

我目前正在嘗試製作一個小書籤，其中包括向頁面添加DIV元素。

我正在通過將HTML代碼添加到body.innerHTML並且工作正常。在這個DIV元素是一個按鈕，應該允許隱藏添加的DIV。因此，我試圖通過JavaScript將JavaScript函數添加到稱爲function hideDiv()的innerHTML。

新的JavaScript被添加到身體，它看起來很好。但它不起作用。

短的例子：

javascript:var b = document.body.InnerHTML; b=b+'<input type="button" onclick="javascript:alert("hello")"/>'; document.body.innerHTML = b; 

此書籤應該添加一個按鈕，顯示一個警告，如果它的點擊。它添加了按鈕，但點擊它時沒有任何反應。

這是一個普遍問題？ JavaScript可以將（工作）JavaScript添加到頁面中嗎？

Answer 1

我認爲你應該設置一個id，然後將該函數添加到元素。就像這樣：

javascript:var b = document.body.InnerHTML; b=b+'<input type="button" id="test"/>'; document.body.innerHTML = b; document.getElementById('test').onclick = function() { alert('hi')} 

Answer 2

的javascript:前綴僅在href屬性（或action的形式）使用。它不用於onclick或任何其他事件。刪除javascript:，你的代碼應該可以正常工作。