2016-12-09 61 views
0

我用這對於保存的HTML代碼(也住)預覽
但對於第1次我要點擊進入查看預覽
如何從onclick更改爲onload?

怎樣才能看到預覽一旦瀏覽器窗口打開?

代碼:

function showHTML() { 
    textarea1 = document.getElementById('htmltxt'); 
    viewHtml = document.getElementById('htmlpreview'); 
    viewHtml.innerHTML = textarea1.value ; 
} 
+0

哪裏的onclick – Mahi

+0

哪裏是你的HTML –

回答

0

只需調用你的函數文檔時的負載,以及在點擊處理程序:

function showHTML() { 
    textarea1 = document.getElementById('htmltxt'); 
    viewHtml = document.getElementById('htmlpreview'); 
    viewHtml.innerHTML = textarea1.value; 
} 

document.addEventListener('DOMContentLoaded', showHTML) 

注意,而不是附加DOMContentLoaded監聽器,你可以只需在#htmltxt textarea和#htmlpreview元素之後的<script>標記內的某個地方撥打showHTML()(以便他們將h在執行開始之前已被解析)。

0

據我理解了要求在網頁加載調用showHTML()..

<body onload="showHTML()"> 
<textarea id="htmltxt"> 
aksjdhkasjdhakjds 
</textarea> 
<span id="htmlpreview"></span> 
<script> 
function showHTML() { 
textarea1 = document.getElementById('htmltxt'); 
viewHtml = document.getElementById('htmlpreview'); 
viewHtml.innerHTML = textarea1.value; 
} 
</script> 
</body>