JavaScript中使用document.write向頁面輸出內容實例
更新時間：2014年10月16日 10:37:37 投稿：junjie
這篇文章主要介紹了JavaScript中使用document.write向頁面輸出內容實例,本文講解了輸出普通文字、帶HTML標簽內容的方法,需要的朋友可以參考下
document.write 命令向頁面輸出文字
本實例使用 JavaScript 的 document.write 命令向頁面輸出指定的文字，代碼如下：
復制代碼 代碼如下:
<script type="text/javascript">
document.write("我是向頁面輸出的文字！");
</script>
將上面部分代碼，用文本編輯器保存為 write.html（或 write.htm）。雙擊 write.html 運行它（實際是使用 IE 等瀏覽器打開這個文件），會看到頁面顯示如下文字：
復制代碼 代碼如下:
我是向頁面輸出的文字！
提示
如果使用 IE 瀏覽器提示：“為了有利于保護安全性，Internet Explorer 已經(jīng)限制此網(wǎng)頁運行可以訪問計算機的腳本或 ActiveX 空間?！保敲凑堖x擇“允許阻止的內容”，以允許IE瀏覽器運行上面的 JavaScript 代碼。
document.write 向頁面輸出帶有 html 標簽的文字
如果向頁面輸出的文字，是帶有 html 標簽的，只需在輸出的文字中帶入標簽即可：
復制代碼 代碼如下:
<script type="text/javascript">
document.write("<h1>我是向頁面輸出的文字！</h1>");
</script>
實例語法解釋
同前面的《JavaScript 彈出提示框實例》類似，document.write 是標準的 JavaScript 語法命令，用于向 Web 頁面輸出指定的字符串。要輸出的字符以 "" 或 '' 引起來，并放入 document.write() 中。
本實例使用的 document.write 命令和彈出框指令 alert 會在以后的 JavaScript 學習中頻繁使用到，請務必熟練使用。
相關文章
codemirror6實現(xiàn)自定義代碼提示效果實例
這篇文章主要給大家介紹了關于codemirror6實現(xiàn)自定義代碼提示效果的相關資料,CodeMirror是一個網(wǎng)絡代碼編輯器組件,它可以在網(wǎng)站中用于實現(xiàn)支持多種編輯功能的文本輸入字段,并具有豐富的編程接口以允許進一步擴展,需要的朋友可以參考下2023-08-08
layui 實現(xiàn)加載動畫以及非真實加載進度的方法
今天小編就為大家分享一篇layui 實現(xiàn)加載動畫以及非真實加載進度的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
TypeScript的安裝、使用、自動編譯的實現(xiàn)
TypeScript是一種由微軟開發(fā)的開源、跨平臺的編程語言。這篇文章主要介紹了TypeScript的安裝、使用、自動編譯的實現(xiàn)方法,需要的朋友可以參考下2020-04-04
利用JavaScript實現(xiàn)春節(jié)倒計時效果(移動端和PC端)
這篇文章主要介紹了通過Html+Css+js如何實現(xiàn)春節(jié)倒計時效果，本文同時介紹了移動端和PC端兩種效果，感興趣的同學可以跟隨小編一起動手試試2022-01-01
Google (Local) Search API的簡單使用介紹
這篇文章主要介紹了Google (Local) Search API的簡單使用。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
JS 事件綁定函數(shù)代碼，解決了瀏覽器兼容，現(xiàn)在可以兼容IE6 7 8 FF 谷歌2010-04-04
Bootstrap每天必學之標簽頁（Tab）插件，通過這個插件您可以把內容放置在標簽頁或者是膠囊式標簽頁甚至是下拉菜單標簽頁中，感興趣的小伙伴們可以參考一下2016-04-04
JavaScript canvas實現(xiàn)鏡像圖片效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)鏡像圖片效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)星星閃特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
DOM節(jié)點深度克隆函數(shù)cloneNode()用法實例
這篇文章主要介紹了DOM節(jié)點深度克隆函數(shù)cloneNode()用法,實例分析了cloneNode()函數(shù)深度復制的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01