標籤:賦值 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對象