1. 程式人生 > >JavaScript——基本語法

JavaScript——基本語法

單詞掌握

  BOM 瀏覽器物件模型    DOM 文件物件模型    document 文件

  break 中斷         continue 繼續

1.js指令碼位置

  通常可以在三個地方編寫js指令碼程式碼,一是在網頁檔案的<script></script>標籤對中直接編寫,二是將js程式碼放置在一個單獨的檔案中(.js字尾檔案),三是將指令碼程式程式碼作為某個HTML元素的事件屬性或超連結的href屬性值。

1.1 放置在<script></script>標籤對中,可以放在文件的任何位置(如:<head>標籤,<body>標籤中)

1 <body>
2     <script>
3         document.write("hello word");
4     </script>
5 </body>
View Code

1.2 放置在js檔案中(在js檔案中無需使用<script>標籤)

 1 /**index.js**/

2 document.write("hello word"); 

  在html頁面中引入js檔案(引入的script標籤中不能在寫js程式碼)

<script src="index.js" type="text/javascript"
></script>

1.3 將js程式碼作為屬性值

  <a href="javascript:document.write('<h2>hello word</h2>')"></a> 

1.4 事件中

  <input type="button" value="點選" onclick="alert('點選')" /> 

2 基礎語法

2.1 註釋

   js註釋: //當行註釋 /*多行 註釋*/              HTML註釋: <!--單行註釋--> <!--對行 註釋--> 

2.2 變數(js是弱型別語言,宣告是無需宣告型別)  

1 var index=1;
2 ar money=0.5;
3 var chars='a';
4 var name="李白";
5 var isor=true;

2.3 typeof操作符:檢測變數的資料型別

  document.write(typeof(index)); 

2.4 運算子

js中運算子
型別 運算子
算術運算子 + - * / % ++ --
賦值運算子 =
比較運算子 > < >= <= == !=
邏輯運算子 && || !

  pat: " + "運算子也是字串拼接符,可用於連結字串

   "李"+"白" == "李白"