今天我們繼續(xù)根據(jù)w3c的官方網(wǎng)站學(xué)習(xí)javascript的內(nèi)容脖咐。以下代碼均可復(fù)制直接執(zhí)行。
image.png
顯示輸入結(jié)果讯柔，其他所的html標(biāo)簽全部刪除
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2>my first web app </h2>
<p>this is my studay web page</p>
<button type="button" onclick="document.write(5+6)"> try it</button>
</body>
</html>
執(zhí)行輸入的結(jié)果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2>my input conten</h2>
<p>my first parag</p>
<script>
document.write (100+200)
</script>
</body>
</html>
顯示彈窗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>my first web page!</h1>
<p>this is my second page!</p>
<script>window.alert("頁面加載成功蝎困，恭喜你！")</script>
</body>
</html>
效果圖
image.png
輸出控制臺(tái)信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>console.log("hao are you !")</script>
</body>
</html>
總結(jié)：
今天我們學(xué)習(xí)了javascript的輸出的基本操作捅伤，下一篇文章我們來練習(xí)變量聲明的操作劫流。
