生活随笔
收集整理的這篇文章主要介紹了
JS学习笔记1-JavaScript 输出
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
JavaScript 沒(méi)有任何打印或者輸出的函數(shù)。
JavaScript 顯示數(shù)據(jù)
JavaScript 可以通過(guò)不同的方式來(lái)輸出數(shù)據(jù):
使用 window.alert() 彈出警告框。
使用 document.write() 方法將內(nèi)容寫到 HTML 文檔中。
使用 innerHTML 寫入到 HTML 元素。
使用 console.log() 寫入到瀏覽器的控制臺(tái)。
console.log()的用處
主要是方便你調(diào)式j(luò)avascript用的, 你可以看到你在頁(yè)面中輸出的內(nèi)容。
相比alert他的優(yōu)點(diǎn)是:
他能看到結(jié)構(gòu)化的東西,如果是alert,淡出一個(gè)對(duì)象就是[object object],但是
console能看到對(duì)象的內(nèi)容。
console不會(huì)打斷你頁(yè)面的操作,如果用alert彈出來(lái)內(nèi)容,那么頁(yè)面就死了,但是
console輸出內(nèi)容后你頁(yè)面還可以正常操作。
console里面的內(nèi)容非常豐富,你可以在控制臺(tái)輸入
console
document
.write是直接寫入到頁(yè)面的內(nèi)容流,如果在寫之前沒(méi)有調(diào)用document
.open, 瀏覽器會(huì)自動(dòng)調(diào)用open。每次寫完關(guān)閉之后重新調(diào)用該函數(shù),會(huì)導(dǎo)致頁(yè)面被重寫。
innerHTML則是DOM頁(yè)面元素的一個(gè)屬性,代表該元素的html內(nèi)容。你可以精確到某一個(gè)具體的元素來(lái)進(jìn)行更改。如果想修改document的內(nèi)容,則需要修改document
.documentElement.innerElement。
innerHTML很多情況下都優(yōu)于document
.write,其原因在于其允許更精確的控制要刷新頁(yè)面的那一個(gè)部分。
DOM 解釋
您會(huì)經(jīng)常看到 document.getElementById(
"id")。
這個(gè)方法是 HTML DOM 中定義的。
DOM (Document Object Model)(文檔對(duì)象模型)是用于訪問(wèn) HTML 元素的正式 W3C 標(biāo)準(zhǔn)。
格式<
script>
那些老舊的實(shí)例可能會(huì)在 <
script> 標(biāo)簽中使用 type=
"text/javascript"。
現(xiàn)在已經(jīng)不必這樣做了。
JavaScript 是所有現(xiàn)代瀏覽器以及 HTML5 中的默認(rèn)腳本語(yǔ)言。
腳本位置
在 <head> 或者 <body> 的JavaScript
外部腳本不能包含 <
script> 標(biāo)簽。
輸出數(shù)據(jù)
window.alert() 彈出警告框。
document.
write() 方法將內(nèi)容寫到 HTML 文檔中。
innerHTML 寫入到 HTML 元素。
console.
log() 寫入到瀏覽器的控制臺(tái)。
輸出內(nèi)容
請(qǐng)使用 document.
write() 僅僅向文檔輸出寫內(nèi)容。
如果在文檔已完成加載后執(zhí)行 document.
write,整個(gè) HTML 頁(yè)面將被覆蓋
寫到控制臺(tái)(調(diào)試模式)
使用 console.
log() 方法在瀏覽器中顯示 JavaScript 值。
F12 啟用調(diào)試模式, 在調(diào)試窗口中點(diǎn)擊
"Console" 菜單。
from http://www.runoob.com/js/js-output.html
總結(jié)
以上是生活随笔為你收集整理的JS学习笔记1-JavaScript 输出的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。