html5中的頁(yè)面輸出方式有哪些

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

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

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5頁(yè)面輸出方式

• 使用window.alert() 彈出警告框

• 使用document.write()方法將內(nèi)容寫到html文檔中

• 使用元素對(duì)象.innerHtml="需要寫入的值"; 寫入到HTML元素

1、使用window.alert()

<script>
window.alert('警告框');
</script>

2、操作HTML元素

如需JavaScript訪問(wèn)某個(gè)HTML元素，您可以使用document.getElementById(id)方法

請(qǐng)使用id屬性來(lái)標(biāo)識(shí)HTML元素，并innerHTml來(lái)獲取或插入元素內(nèi)容：

<p id="demo" >我的第一個(gè)段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>

document.getElementById("demo") 是使用 id 屬性來(lái)查找 HTML 元素的 JavaScript 代碼 。該方法是 HTML DOM 中定義的。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 內(nèi)容(innerHTML)的 JavaScript 代碼。

3、寫到HTML 文檔

使用 document.write()方法將內(nèi)容寫到HTML內(nèi)容中，此功能可以直接將內(nèi)容或html 標(biāo)簽寫入html文檔中

<script>
docuemnt.write(Date());//Date()輸出中國(guó)標(biāo)準(zhǔn)時(shí)間
</script>

注意：如果在文檔已經(jīng)完成加載后執(zhí)行document.write()將覆蓋整個(gè)HTml頁(yè)面

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

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