html5中的頁面輸出方式有哪些

小編給大家分享一下html5中的頁面輸出方式有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

頁面輸出方式有：1、使用“window.alert('內容');”語句彈出警告框；2、用“元素對象.innerHTML="內容"”語句向指定元素中插入新內容；3、用“docuemnt.write("內容")”語句將新內容寫入HTML文檔中。

本教程操作環境：windows7系統、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>

注意：如果在文檔已經完成加載后執行document.write()將覆蓋整個HTml頁面

<button type="button" onclick="myFunction">按鈕</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>

看完了這篇文章，相信你對“html5中的頁面輸出方式有哪些”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！