HTML5:第二階段學習JS——01
阿新 • • 發佈:2020-12-21
技術標籤:HTM5javascriptchromewebkit
JS大綱(前4周)
一、JS的基本語法
htmlcss
計算機如何識別程式
00101010
html:結構
css:表現
js:行為
js分為三個部分
ECMAScript:規定了js的語法
DOM
documentobjectmodel:document物件下提供了一些模型,js可以利用這些模型物件下的功能來操作html文件
js和html互動
BOM
broswerobjectmodel瀏覽器下也提供了一些物件,這些物件下有一些功能實現,js可以通過這些功能實現來操作瀏覽器
js與瀏覽器互動
javascript簡稱js
二、JS的執行和基本使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style></style> <!-- <script> alert('hello js1') </script> --> </head> <body> <!-- css書寫的三種方式 第一種:內聯 第二種:內部 第三種:外部 --> <!-- js的內聯方式 --> <!-- <button onclick="alert('hello js');">點我吧</button> --> <!-- js的內部方式 使用script標籤來書寫程式碼 ,可以放在除了title標籤以外的其它地方 --> <!-- js的外部方式 <script src="js/myjs.js"></script> --> <button>點我吧</button> <!-- js是一門高階語言: 計算機語言 組合語言:低階語言 高階語言: c c++ python java js js語言js引擎(直譯器); js的執行:從上往下,從左到右逐行執行。 開啟js的第一個程式 hello js 三種方式開啟js程式 第一種:內聯 第二種:內部 第三種:外部 --> <!-- <script> alert('hello js2') </script> --> <script src="js/myjs.js"> //這裡的程式碼是永遠執行不到的 alert("這裡的程式碼可以執行到嗎?") </script> </body> </html>