頁面輸出方式有:1、使用“window.alert('內容');”語句彈出警告框;2、用“元素對象.innerHTML="內容"”語句向指定元素中插入新內容;3、用“docuemnt.write("內容")”語句將新內容寫入HTML文檔中。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
html5頁面輸出方式
-
使用
window.alert()
彈出警告框 -
使用
document.write()
方法將內容寫到html文檔中 -
使用元素對象.innerHtml="需要寫入的值";
寫入到HTML元素
1、使用window.alert()
<script> window.alert('警告框'); </script>
2、操作HTML元素
如需JavaScript訪問某個HTML元素,您可以使用document.getElementById(id)方法
請使用id屬性來標識HTML元素,并innerHTml來獲取或插入元素內容:
<p id="demo" >我的第一個段落</p> <script> document.getElementById("demo").innerHTML="段落已修改" </scirpt>
document.getElementById("demo")
是使用 id 屬性來查找 HTML 元素的 JavaScript 代碼 。該方法是 HTML DOM 中定義的。innerHTML = "Paragraph changed."
是用于修改元素的 HTML 內容(innerHTML)的 JavaScript 代碼。
3、寫到HTML 文檔
使用 document.write()方法將內容寫到HTML內容中,此功能可以直接將內容或html 標簽寫入html文檔中
<script> docuemnt.write(Date());//Date()輸出中國標準時間 </script>
注意:如果在文檔已經(jīng)完成加載后執(zhí)行document.write()將覆蓋整個HTml頁面
<button type="button" onclick="myFunction">按鈕</buton> <script> function myFunction(){ document.write(Date()); } </scipt>