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(&#39;警告框&#39;);
</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>

相關推薦：《 html影片教學》

以上是html5頁面輸出方式有哪幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！