這是我學習所做的筆記，同時我也會將我完成的事例公佈出來。並且結合我自己的學習心得進行講解

JS與java不同 

1、js基於物件，java面向物件
2、js解析就能執行，java先編譯再執行。
3js是弱型別的語言，java是強型別的語言。


js組成
ECMAScript
BOM
DOM


JS語法
關鍵字 var function
識別符號
註釋  // /**/
變數 
var 宣告變數
JS的基本資料
String 字串型別
*var str ="abc"; var str ='abc'
Number 數字型別
Boolean 布林型別
Null 空
Undefined  未定義（宣告沒有複製）
typeof()  判斷變數的型別

js的運算子
alert(true+1)；  //2
==      比較值
===比較值和型別


*js的語句
if(num == 4){
alert("ss");
}
for(var i=0; i<4;i++){
document.write("str"+"<br/>");
}


*js的陣列
*宣告陣列的兩種方式
var arr =[22,33];
var arr =new array(4);長度
var arr = new Array(4,5);元素


*lenth 陣列的長度
*JS的函式
#宣告函式 function
function 函式名稱（引數列表不能使用var關鍵字){
函式體;
return; 返回值沒有可以不寫
}


function getSum(){
return 100;
}


var sum = getSum;
sum();


*JS的動態函式和匿名函式
*動態函式


function getSum(){
return 50;
}

JS提供了內建物件  Function(大寫為內建物件)
*JS全域性變數和區域性變數
*全域性變數：在script便籤內部定義的變數，全域性變數
for (var int = 0; int < 3; int++) {
document.write(int);
}在另外一個script中依舊可以使用，整個資料夾可以使用；


*區域性變數：在函式的內部定義的變數，為區域性變數
ex:function add(){ var y =5;} //區域性變數


var x =4;//全域性變數
function show(x){
x=8;//區域性變數
}
show(x);
alert("x="+x);  結果等於4;


*javascript的物件和API
*String物件
#宣告
var str ="abc";
var str= new String("abc");


#屬性：length：字串的長度
#方法：
*和HTML相關的方法（書寫沒有提示的）
#bold() 使用粗體顯示字串


*和java中String物件類似的
#charAt(index)  返回制定位置的字元
#indexof(str,from) 檢索制定字元位置
#replace(要替換的字元創，替換成啥)   //(/正則表示式
#substr(start，end)      擷取字串，
#substring(start,length)     擷取字串
//把為本內容寫入到
ex: var str ="abc";
//alert(str.length);
function println(str){document.write(str+"<br/>");
}
println(str.bold());
function mybold(str){
var result ="<b>"+str+"</b>";
return result;
}
println(str.fontcolor("red"));




#java中的array方法[]陣列
     #方法:
     concat(元素，陣列);
     join(s);  //在元素之間加入S
     POP       //刪除並返回陣列的最後一個元素
     push    //向末尾新增元素，返回新陣列的長度；
#宣告陣列
var arr= [12,33];
var arr =new array(4,4);
ex:
var arr =["NBA","CBA"]
PRINTLN(arr.concat("WWE"));//在後面加入WWE concat(元素，陣列);
sort  排序
Date日期物件
var date =new Date();
toLocaleString()  轉換成本地日期格式
toLocale
#RegExp物件
正則表示式物件
#應用，板鞋註冊的表單，對錶單輸入的內容進行校驗。
#var reg = new RegExp("表示式");//開發中不經常使用
#var reg =/表示式/    //經常使用
var reg=/表示式/


*exsc(string)    不經常使用
#如果匹配，返回匹配的結果

*text(string)      經常使用
#如果匹配返回的是true，如果不匹配，返回時false。


if(reg.test("abc")){
//匹配上了
}else{


}


*全域性函式
#使用全域性函式，不需要任何物件。
#全域性函式可以拿過來使用。
global幫著管理全域性函式
#eval可以列印解析出字串


var str ="alert("hehe")";
alert(str);  //打印出alert("hehe")
eval(str);   //打印出hehe


isNaN()用於檢查其引數是否是非數字值。
parseInt()解析字串並轉回整數
encodeURL()   跳轉時整體使用進行編碼
decodeURL()  解析解碼
encodeURLComponent()   傳遞引數需要進行編碼
decodeURL()  解析解碼






*BOM瀏覽器物件模型
*(Brower object Model)
 windows 視窗物件
 Navigator 和瀏覽器版本相關物件
 Screen 和螢幕先關物件
 History 和瀏覽器理事相關
 Location 和瀏覽器地址相關的物件


 document      文件物件
/*
圖片的隨機移動 
#載入時間
onload="run()"//作用在body標籤上
 */
 function run(){
 document.getElementById("divId").style.top=Math.random()*300+"px";
   document.getElementById("divId").style.left=Math.random()*500+"px";
   window.setTimeout("run()",1000);
 }
*DOM文件物件模型