JavaScript基礎(chǔ)學(xué)習(xí)之輸出

JavaScript簡(jiǎn)介

有一張圖片小小介紹吧,想要詳細(xì)了解點(diǎn)擊:JavaSCript 百科

JavaScript簡(jiǎn)介.png


JavaScript輸出

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)。

使用window.alert()


你可以彈出警告框來(lái)顯示數(shù)據(jù):

實(shí)例

><!DOCTYPE html>
<html>
<body>

><h1>我的第一個(gè)頁(yè)面</h1>
<p>我的第一個(gè)段落。</p>

><script>
window.alert(5 + 6);
</script>

></body>
</html>```
[編輯運(yùn)行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)


####***操作 HTML 元素***
________
  如需從 JavaScript 訪問(wèn)某個(gè) HTML 元素,您可以使用```document.getElementById(id) ```方法。
 **id**屬性標(biāo)識(shí) HTML 元素, **innerHTML** 獲取或插入元素內(nèi)容:
>**實(shí)例**

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個(gè) Web 頁(yè)面</h1>

<p id="demo">我的第一個(gè)段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

[編輯運(yùn)行](http://www.runoob.com/try/try.php?filename=tryjs_console)

####***寫到 HTML 文檔***
___________________
>**實(shí)例**

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個(gè) Web 頁(yè)面</h1>

<p>我的第一個(gè)段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

[編輯運(yùn)行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

**注意**:
請(qǐng)使用 document.write() 僅僅向文檔輸出寫內(nèi)容。如果在文檔已完成加載后執(zhí)行 document.write,整個(gè) HTML 頁(yè)面將被覆蓋。
>**實(shí)例**

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個(gè) Web 頁(yè)面</h1>
<p>我的第一個(gè)段落。</p>

<button onclick="myFunction()">點(diǎn)我</button>

<script>
function myFunction() {
document.write(Date());
}

</script>

</body>
</html>

[編輯運(yùn)行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)

####***寫到控制臺(tái)***
___________________
如果您的瀏覽器支持調(diào)試,你可以使用 console.log() 方法在瀏覽器中顯示 JavaScript 值。
瀏覽器中使用 F12 來(lái)啟用調(diào)試模式, 在調(diào)試窗口中點(diǎn)擊 "Console" 菜單。
>**實(shí)例**

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個(gè) Web 頁(yè)面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

[編輯運(yùn)行](http://www.runoob.com/try/tryit.php?filename=tryjs_output_alert)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,900評(píng)論 0 8
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡(jiǎn)單...
    舟漁行舟閱讀 8,110評(píng)論 2 17
  • 警告請(qǐng)使用 document.write() 僅僅向文檔輸出寫內(nèi)容。如果在文檔已完成加載后執(zhí)行 document....
    鹿守心畔光閱讀 657評(píng)論 0 10
  • 他不知道為什么第一眼看到他便無(wú)法移開(kāi)目光,是因?yàn)樗臉用矄??金色的,柔軟的頭發(fā),像大海一樣藍(lán)的眼睛,無(wú)論是什么時(shí)候...
    jpy1002閱讀 210評(píng)論 0 0
  • 昨天看到人民日?qǐng)?bào)發(fā)的一篇<<怎樣優(yōu)雅地拆穿家族群里的謠言?>>,看來(lái)眾多的家族微信群和我家一樣哎! 自從有了"Ji...
    JOJO小美好閱讀 398評(píng)論 1 1

友情鏈接更多精彩內(nèi)容