Question

我正在使用它来预览已保存的HTML代码（也是实时的）
但是我第一次点击并进入以查看预览

浏览器窗口打开后如何查看预览？

代码：

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

Answer 1

只需在加载文档时以及点击处理程序中调用您的函数：

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

document.addEventListener('DOMContentLoaded', showHTML)

请注意，您只需在位于DOMContentLoaded textarea和{{1}之后的showHTML()标记内的某个地方调用<script>，而不是附加#htmltxt听众元素（这样它们将在执行开始之前被解析）。

Answer 2

据我所知，要求是在页面加载时调用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>

如何从onclick更改为onload？

2 个答案: