2011-09-25 72 views
0

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

我正在通過將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添加到頁面中嗎?

+2

它是'innerHTML',而不是'InnerHTML' – ThiefMaster

回答

0

我認爲你應該設置一個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')} 
0

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