當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
008_JavaScript输出
生活随笔
收集整理的這篇文章主要介紹了
008_JavaScript输出
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. JavaScript顯示方案
1.1. 使用window.alert()寫入警告框。
1.2. 使用console.log()寫入瀏覽器控制臺。
1.3. 使用innerHTML寫入html元素。
1.4. 使用document.write()寫入html輸出。
2. 使用window.alert()
2.1. 您能夠使用警告框來顯示數據。
2.2. 例子
2.2.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>寫入警告框</title></head><body><script type="text/javascript">window.alert("使用window.alert()寫入警告框。");</script></body> </html>2.2.2.?效果圖
3. 使用console.log()
3.1. 在瀏覽器中, 您可使用console.log()方法來顯示數據。
3.2. 請通過F12來激活瀏覽器控制臺, 并在菜單中選擇"控制臺"。
3.3. 例子
3.3.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>寫入瀏覽器控制臺</title></head><body><script type="text/javascript">console.log("使用console.log()寫入瀏覽器控制臺。");</script></body> </html>3.3.2.?效果圖
4. 使用innerHTML
4.1. 使用innerHTML屬性可以定義html元素的內容。
4.2. 如需訪問html元素, JavaScript可使用document.getElementById(id)方法。
4.3. 例子
4.3.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>寫入html元素</title></head><body><p id="myId"></p><script type="text/javascript">document.getElementById("myId").innerHTML = "使用innerHTML寫入html元素。";</script></body> </html>4.3.2.?效果圖
5. 使用document.write()
5.1. 使用document.write()可以向html文檔中寫入內容。
5.2. 在html文檔完全加載后使用document.write()將刪除所有已有的html元素。
5.3. 例子
5.3.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>寫入html輸出</title></head><body><button onclick="myPrint()">點我</button><script type="text/javascript">document.write("使用document.write()可以向html文檔中寫入內容。");function myPrint(){document.write("在html文檔完全加載后使用document.write()將刪除所有已有的html元素。");}</script></body> </html>5.3.2.?效果圖
總結
以上是生活随笔為你收集整理的008_JavaScript输出的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 010_JavaScript变量
- 下一篇： 011_JavaScript数据类型