【2017-03-28】JS基礎、windows對象、history對象、location對象

來源:互聯網
上載者:User

標籤:賦值   for   推薦   blank   alert   blog   font   htm   forward   

一、JS基礎

JS - javaScript

1、js功能:

1)、進行資料的運算。2)、控制瀏覽器的一些功能。3)、控制元素(屬性、內容、樣式)

js引用位置:

可以放在html頁的任意位置。

推薦放在<html></html>後邊。

也可以放在一個以js結尾的檔案內,將該檔案引用到html頁內。

2、格式:

<script type="text/javascript">

      js代碼

</script>

1、alert("")警告對話方塊。

2、confirm("")確定對話方塊,彈出一個可供選擇的確定對話方塊,點擊確定會返回true。點擊取消會返回false。

3、prompt("對話方塊中顯示的內容")彈出一個可以輸入內容的對話方塊。

 

3、基礎資料型別 (Elementary Data Type):

字串、小數、整數、時間日期、布爾型

4、變數:

都是通用類型   var  

5、類型轉換:

其他類型轉化為整數:parseint();

其他類型轉化為小數:parsefloat();

判斷是否是數字類型:isNaN();    是數位話返回false,不是數位話返回true;

6、運算子、if語句、for迴圈和C#一樣。

7、數組:

數組的定義:new Array();

賦值:a[0]=123;   a[1]="haha";

取值:a[i];

8、函數

定義函數:function aaa(){函數體};     aaa是函數名

調用函數:aaa();

9、練習題:

1、讓使用者輸入一個數字,返回“是數字”,“不是數字”

1 <script type="text/javascript">2     var a = prompt("請輸入一個數字:");3     if(isNaN(a)==false)4         alert("輸入的是數字!")5     else6         alert("輸入的不是數字!")7 </script>

 

2、讓使用者輸入5個學生資訊,姓名,性別,年齡,成績。

列印成績最高的那名學生的全部資訊,格式如下:

“姓名:XXX,性別:XXX,年齡XXX,成績:XXX,第一名!”

 1 <script type="text/javascript"> 2     var arrall = new Array(); 3  4     for (var i = 0; i < 3; i++) { 5         var arr = new Array(); 6         arr[0] = prompt((i + 1) + "請輸入姓名:"); 7         arr[1] = prompt((i + 1) + "請輸入性別:"); 8         arr[2] = prompt((i + 1) + "請輸入年齡:"); 9         arr[3] = prompt((i + 1) + "請輸入成績:");10 11         arrall[i] = arr;12     }13 14     for (var i = 0; i < arrall.length; i++) {15         for (var j = i + 1; j < arrall.length; j++) {16             if (arrall[i][3] < arrall[j][3]) {17                 var zhong = arrall[i];18                 arrall[i] = arrall[j];19                 arrall[j] = zhong;20             }21         }22     }23 24     alert(‘姓名:‘ + arrall[0][0] + ‘,性別:‘ + arrall[0][1] + ‘,年齡:‘ + arrall[0][2] + ‘,成績:‘ + arrall[0][3] + ‘,第一名!‘);25 26 </script>

 

DOM操作

var aaa=document.getElementById("id")

將通過id找到的這個XX放到aaa內

 

事件:動作

“點擊事件”:   aaa.onclick=function(){

     函數體

}

點擊事件後面放方法。

 

1、windows對象操作

(1)window.open("第一部分","第二部分","第三部分","第四部分")

第一部分寫頁面地址

第二部分寫頁面開啟檔案:_self  在自身開啟; _blank  在新的空白頁開啟

第三部分控制開啟視窗格式:width=100 height=100 left=200 top=200  新開啟的視窗的寬頻100高度100 距離左邊200 距離上邊200

 

window.open()是有傳回值的可以將其儲存在一個變數中:var  aaa=window.open();

可以將開啟的多個視窗儲存在一個數組w裡:

function openW()

    {

 w[i++]=window.open();

   }

(2)window.close();關閉當前視窗。

關閉開啟當前視窗的源視窗:window.opener.close();

 

調整頁面:window.scrollTo(x,y)滾動頁面到某個位置,y代表縱向滾動。一般情況下x是0,調整Y值,作用像是錨點

 

2、window.history對象

window.history.back();頁面後退

window.history.forward();頁面前進

window.history.go(n);n如果是正數則代表前進n個頁面,n如果是負數則代表後退n個頁面。

 

3、window.location對象

var s=window.location.href;擷取當前頁面地址

window.location.href="路徑";   修改頁面地址,會跳轉頁面

 

【2017-03-28】JS基礎、windows對象、history對象、location對象

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.