系統學習 JavaScript 的筆記【1】

JavaScript 在HTML中的標簽位置

<!DOCTYPE HTML>
<html>
  <head>
    <title>title</title>
  </head>
  <body>
  <!-- 這里放內容 -->
  /*對于需要加載很多js的頁面來說,建議把js的引用放在下方位置,這樣可以盡快將頁面呈現出來*/
  <script type="text/javascript" src="..."></script> 
  </body>
</html>

延遲腳本與異步腳本的區別

<!DOCTYPE HTML>
<html>
  <head>
    <title>title</title>
    <script type="text/javascript" defer="defer" src="..."></script>   //延遲腳本
    <script type="text/javascript" async src="..."></script>           //異步腳本
  </head>
  <body>
  <!-- 這里放內容 -->
  </body>
</html>

延遲腳本

腳本的加載不會影響頁面布局,,可以讓頁面加載完成后,再加載腳本。

異步腳本

腳本的加載與頁面的布局同時進行。

關于JavaScript 嵌入代碼與外部文件

  • 可維護性
  • 可緩存
  • 適應未來 ????

注釋

  • 單行注釋
    // 這就是單行注釋
  • 多行注釋
    /* 這就是多行注釋 */

關鍵字和保留字

  • 關鍵字:可以用來對語句進行一些操作。
  • 保留字:不可以用來作為標識符使用。

變量

  • 全局變量:在外部用var定義,或者函數內部不用var定義,但是后者不推薦使用。
  • 局部變量:在函數內部用var定義。

數據類型

可以用typeof()的返回值查看

  1. undefined:定義了對象,但沒有初始化值;
  2. boolean:true 可以轉換為 1,false 可以轉換為 0;
  3. string:字符串類型,單引號,雙引號都可以;
  4. number:js中的數字類型
    浮點數
/*對于測試浮點數的結果,不能直接用(x + y == 0.1)類似的方法*/
var FloatNumber = 1.1; 
var FloatNumber = 0.1;
var FloatNumber = .1;      //不會報錯,但是不規范
var FloatNumber = 1.0;     //結果是 1
var FloatNumber = 1.;      //結果是 1 

isNaN()

// NaN可以當成為一個數值來理解
// NaN與任何數字進行操作,返回值都是NaN
// NaN與任何數都 不相等 ,包括他自己
// 通過isNaN()的返回值我們可以確認參數是否---不是數值
alert(isNaN(NaN));     //返回值是true 
alert(isNaN(1));       //返回值是false 
alert(isNaN("2"));     //返回值是false 
alert(isNaN("abc"));   //返回值是true 
alert(isNaN(true));    //返回值是false

類型轉換

// parseInt() ,parseFloat()可以用來轉換數據類型
// NaN與任何數字進行操作,返回值都是NaN
<!--  parseInt的用法 -->
var Type1 = parseInt("");         // 返回的是NaN 
var Type2 = parseInt("123");      // 返回的是123 
var Type3 = parseInt("123abc");   // 返回的是123
var Type4 = parseInt("abc123");   // 返回的是NaN 
var Type5 = parseInt("1011",2);  // 返回的是十進制數,引號里放的是轉換成十進制的數,后邊的參數是,引號內的進制類型
var Type6 = parseInt(1.1);      // 返回的是1
<!--  parseFloat的用法 -->
var Type1 = parseFloat("");       // 返回的是NaN 
var Type2 = parseFloat("123");    // 返回的是123 
var Type3 = parseFloat("123abc"); // 返回的是123
var Type4 = parseFloat("abc123"); // 返回的是NaN 
var Type5 = parseFloat("1.1");    // 返回的是1.1 
var Type6 = parseFloat("01.1");   // 返回的是1.1 

  1. object:對象,用new來創建,最好帶上括號,object();
  2. function:函數
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第一章: JS簡介 從當初簡單的語言,變成了現在能夠處理復雜計算和交互,擁有閉包、匿名函數, 甚至元編程等...
    LaBaby_閱讀 1,697評論 0 6
  • 第三章 基本概念 3.1 語法 ECMAScript標識符一般采用駝峰大小寫格式,也就是第一個字母小寫,剩下的每個...
    小雄子閱讀 568評論 0 1
  • 最近開始學習的JS,做這個筆記只是為了記錄一下自己的學習情況,也算是督促自己每天多看點書?;径际菚系膬热菡砹?..
    丨ouo丨閱讀 296評論 2 1
  • 有人說過,很多彎路到最后都成了直路,所有的坑到最后也都成了坦途;所謂的直路和坦途并不是擺在眼前的,都是不斷的的...
    老衲法號一眉道人閱讀 1,360評論 0 4
  • 萬里心湖平如鏡, 一朝風雨一夕情。 紅花散去,知了。 往事夕夕, 今朝驚醒, 只嘆得孤獨一身。 過往昔,夢泡影。 ...
    雨心田閱讀 393評論 8 12