前面講了前端開發(fā)必備的三種語言。其中的HTML、CSS我們基本上有了比較正確的認(rèn)識(shí)。這里講一下JavaScript。
語言 | 功能 | |
---|---|---|
結(jié)構(gòu)層 | HTML | 搭建結(jié)構(gòu)、放置部件、描述定義 |
樣式層 | CSS | 美化頁(yè)面、實(shí)現(xiàn)布局 |
行為層 | JavaScript | 實(shí)現(xiàn)交互效果、數(shù)據(jù)收發(fā)、表單驗(yàn)證 |
- HTML構(gòu)成了基礎(chǔ)的骨架。
- CSS 添加了很多效果, 使得頁(yè)面更好看。
- 而JavaScript(簡(jiǎn)稱JS)使得 頁(yè)面數(shù)據(jù)“動(dòng)”了起來。也就是說使得網(wǎng)頁(yè)有了交互能力。
所謂的交互能力, 就是不用刷新頁(yè)面,點(diǎn)擊一個(gè)按鈕后,就能動(dòng)態(tài)渲染使得頁(yè)面的局部做出改變。就比如 百度一下,就可以加載出很多我們想要的內(nèi)容,這其中就有JS的參與。
書寫位置
-
寫在script標(biāo)簽中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=<device-width>, initial-scale=1.0" /> <title>JS書寫位置</title> </head> <body> <script> // alert 是 JS當(dāng)中的彈框 alert("hello world"); </script> </body> </html>
-
寫在單獨(dú)的js文件中,通過 進(jìn)行引用。
js目錄下新建 demo.js。文章來源:http://www.zghlxwxcb.cn/news/detail-691716.html
alert('Halou World!');
新建文件 helloworld.html,并在其引用 demo.js。文章來源地址http://www.zghlxwxcb.cn/news/detail-691716.html
到了這里,關(guān)于JS基礎(chǔ)-初識(shí)JavaScript的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!