天天看點

Nice!JavaScript基礎文法知識都在這兒了

好好學習,天天向上

本文已收錄至我的Github倉庫DayDayUP:github.com/RobodLee/DayDayUP,歡迎Star

⭐⭐⭐⭐⭐

轉載請注明出處!

⭐⭐⭐⭐⭐

連結:https://blog.csdn.net/weixin_43461520/article/details/113853339

⭐⭐⭐⭐⭐轉載請注明出處!⭐⭐⭐⭐⭐

  • HTML常用标簽總結
  • 手摸手帶你學CSS
  • HTML5與CSS3知識點總結
  • 手摸手帶你學移動端WEB開發

JavaScript簡介

之前我們在寫網頁的時候,用的是HTML+CSS,這樣的網頁被稱作靜态網頁,它隻是用來展示内容而已,不具備互動的功能,如果想要點選某個元素的時候執行特定的事件,就要使用到JavaScript,有了JavaScript之後,網頁就可以實作更加複雜的效果,比如和伺服器的互動等,這樣的網頁被稱作動态網頁。

浏覽器分成渲染引擎和JS引擎兩部分,渲染引擎用來解析HTML和CSS,又稱作核心;而JS引擎則用來讀取網頁中的JavaScript代碼,然後逐行解釋并執行JavaScript代碼。

JavaScript開胃小菜

在正式開始JavaScript之前,先來介紹一下JavaScript的一些基礎知識。

JavaScript書寫位置

JavaScript有行内、内嵌和外部引入三種書寫方式,當内容較少時可以使用行内式去書寫,這樣比較友善,但是當代碼比較多的時候就不推薦這種方式了。

<body>
    <button onclick="alert(\'Robod\')" >微信公衆号</button>
</body>
           

第二種就是内嵌式的寫法,就是用

<script></script>

标簽将JavaScript代碼包裹起來,一般都會将其放在head标簽或者body标簽裡。

<script>
    console.log("微信公衆号:Robod");
</script>
           

最後一種外部引入就是給 script 标簽一個src屬性,指向需要引入的JavaScript檔案,如果代碼量很大的話就比較适合這種方式。

<script src="./js/xxx.js"></script>
           

注釋

JavaScript注釋和C語言,Java一樣,分為單行注釋和多行注釋

// 這是個單行注釋
/* 
	這是個多行注釋,
	用來注釋多行内容
*/
           

輸入輸出語句

有過程式設計經驗的小夥伴們肯定都在控制台或者某些地方列印過臨時資料用來測試代碼的運作情況,或者是給使用者展示一些内容,在 JavaScript 中也提供了輸入和輸出的方式。

  • alert(msg)

這種方式是在浏覽器中彈出一個警示框,可以用來測試代碼,但多數情況下還是給予使用者警示的作用。

alert(\'小夥伴們不要忘了點贊哦~\');
           
  • console.log(msg)

這種方式則是在控制台中列印某些資料,在寫代碼的時候可以通過控制台列印一些資料檢視代碼的運作情況,在浏覽器視窗按 F12 鍵再點選 Console 即可檢視控制台。

console.log(\'微信公衆号:Robod\');
           
  • prompt(info)

通常我們可能需要使用者去輸入某些内容,這時候就可以彈出一個輸入框,使用者可以在輸入框中輸入内容。

prompt(\'這位兄台,你點贊了嗎?\');
           

變量和常量

計算機的記憶體是用來臨時存放資料的,資料被存儲在記憶體中的不同記憶體區域,每塊區域都有記憶體位址,我們可以通過記憶體位址去操作對應區域中的資料,當有很多資料需要放入記憶體時,那麼多的記憶體位址,記起來可不容易,是以就有了變量的概念,變量是用來存儲資料的容器。可以這樣去了解變量