添加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:，你的代码应该可以正常工作。