2015-01-04 Javascript

 

 

1、基礎

JS的代碼爲 <script>  </script> ，能夠放到網頁的任何一個地方，用來控制界面上的元素，文件結尾爲 .js

document.write("hello world")  //輸出hello world

網頁加載順序：先加載head中，其次body中，最後html外。

另外創建一個結尾爲.JS的文件，而後在html中引用，<script src="js.js" type="text/javascript"></script>

 

2、語法：

1.彈出窗口：<script>                    alert("hello");                    </script>

2.單擊事件：<img src="../網站-練習/J2.jpg" onclick="alert('hello')" /> //單機圖片彈出窗口「hello」

 

3.在以前的某個script的字體中增長font編號 font1，             

<script> document.write("<font id='font1' size=16> hello world </font>") </script>

而後在一個新的script中獲取這個編號，能夠改變<font>和</font>中的文字

              <script>                var zi=document.getElementById("font1");

               zi.innerHTML="你好";

               zi.style.color="#ff00ff";               </script>

 

4.如何在點擊的時候觸發：<img src="../網站-練習/J2.jpg" onclick="document.getElementById("font1").innerHTML="你好"" />

                                                                                            //在單擊的時候將font1的內容變爲「你好」

 

3、語句

1.定義變量以及運算符： <script> var a=1;     //定義變量 var b=2; var c=a+b; c=a%b; document.write(c);  //輸出 "=="         //等於 "==="      //全等於，數據類型必須也相等 </script>

 

2.if語句(格式與C#基本一致)： <script> if(a>0) {    document.write("大於0"); } 在JS中，若是程序執行了if語句，不會繼續執行else語句 else if(a==1)    {    document.write("等於1");    }    </script>

 

3.for循環： <script> for(var a=1;a<10;a++) { } </script>

 

4.數組： <script> var i; var cars = new Array(); cars[0] = "Audi"; cars[1] = "BMW"; cars[2] = "Volvo";

for (i=0;i<cars.length;i++) { document.write(cars[i] + "<br>"); } </script>

 

5.文本框內容的及時斷定： 1.先自定義一個JS，獲取文本框的內容，若是文本框爲空，彈出窗口 <script> function panding() { var txt=document.getElementById("textfield").value; if(txt.length==0) { alert("不能爲空"); } } 2.在按鈕的代碼處添加單擊事件，單擊時執行自定義的JS內容 <input type="submit" name="button" id="button" value="提交" onclick="panding()"/>