javascript快速入門第一章基礎知識(上)
阿新 • • 發佈:2019-01-31
javascript的重要性不言而喻,一個友好優秀的網站是離不開js,讓我們開啟js之旅吧!我會重點講講jquery。
JavaScript一種直譯式指令碼語言:
是一種動態型別、弱型別、基於原型的語言,內建支援型別。
它的直譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的指令碼語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。
開發時可能會遇到el表示式在js程式碼中不起作用的問題,因為兩個不在一個層面上,解決方法網上有很多,日後我會把專案中遇到的錯誤和解決方法整理出來。
JavaScript 基本特點:
一. 是一種解釋性指令碼語言(程式碼不進行預編譯)
二. 主要用來向HTML(超文字標記語言下的一個應用)頁面新增互動行為
三. 可以直接嵌入HTML頁面,但寫成單獨的js檔案有利於結構和行為的分離
JavaScript 應用:
一. 嵌入動態文字於HTML頁面。
二. 對瀏覽器事件做出響應。
三. 讀寫HTML元素。
四. 在資料被提交到伺服器之前驗證資料。
五. 檢測訪客的瀏覽器資訊。
六. 控制cookies,包括建立和修改等。
大致瞭解js後,我們開看看其語法吧!個人感覺和java很像,我就簡單談談。
js所有的資料型別都用var無腦定義(不管是string,boolean,float,int都是用var)
js定義陣列
一維陣列:
var arr = new Array(8);長度為8
沒值的時候顯示undefine;雖然限定了長度,但是還是可以擴充套件的
賦值:arr[0]=0;arr[1]=1;arr[2]=2;
var arr = new Array(0,1,2); 建立並賦值
var arr = [0,1,2];直接輸入一個數組,也稱字面量陣列
陣列的長度:arr.length;
二維陣列:
var arr = [[1,2,3],[4,5]]
先定義一個一維陣列後賦值
var arr = new Array();
for (var i = 0 ; i < 2 ; i++){
var [i] = new Array();
for(var j = 0 ;j < 3 ; j++){ var [i][j] = i + j; } } 陣列連線concat() 用於連線兩個或多個數組,返回一個新的陣列,不改變原來的陣列 arr.concat(array1,array2,...,arrayN);
設定年份
更多幹貨等你來拿 http://www.itit123.cn/
js定義陣列
for(var j = 0 ;j < 3 ; j++){ var [i][j] = i + j; } } 陣列連線concat() 用於連線兩個或多個數組,返回一個新的陣列,不改變原來的陣列 arr.concat(array1,array2,...,arrayN);
<script type="text/javascript">
var myarr1= new Array("010")
var myarr2= new Array("-","84697581");
document.write(myarr1.concat(myarr2));
</script>
join()
把陣列的所有的元素放到一個字串,元素是通過指定的分隔符進行分隔。預設為逗號
<script type="text/javascript">
var myarr1= new Array("86","010")
var myarr2= new Array("84697581");
var myarr3= myarr1.concat(myarr2);
document.write(myarr3.join("-")+"<br>");
document.write(myarr3.join());
</script>
顛倒陣列元素順序
arr.reverse();
<script type="text/javascript">
var myarr1= ["我","愛","你"];
document.write(myarr1.reverse());
</script>
選定元素
arr.slice(start,end);
1.返回一個新的陣列,從start到end-1;
2.該方法不會修改陣列,而是返回一個子陣列
3.負數是從尾部開始選取元素
<script type="text/javascript">
var myarr1= ["IT","Dragon","blog"];
document.write(myarr1.slice(1));
</script>
陣列排序sort
arr.sort(方法函式);
預設值Unicode碼的順序排序
<script type="text/javascript">
function sortNum(a,b) {
return b - a;
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));
</script>
String字串物件
返回指定位置的字元
string.charAt(index);<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(mystr.length-1));
</script>
返回指定的字串首次出現的位置
string.indexOf(substring,startpos);
substring:是需要檢索的字串
startpos:可選引數,是從第startpos位置開始找
如果找到了就返回第一次出現的位置,沒有就返回-1
<script type="text/javascript">
var mystr="Hello World!"
document.write(mystr.indexOf("o",5));
</script>
字串分割
string.split(separator,limit);
separator:必選項,從該引數指定的地方分割
limit:可選引數,分割的次數;如果不設定就可以無限分割
<script type="text/javascript">
var mystr="86-010-85468578";
document.write(mystr.split("-")+ "<br />");
document.write(mystr.split("")+ "<br />");
document.write(mystr.split("",3));
</script>
提取字串
string.substring(startPos,stopPos);
1.返回的內容是從start開始,到stop-1為止
2.如果引數start和stop相等,則返回空
3.如果start比stop大,則該方法會預設將兩個引數交換位置
<script type="text/javascript">
var mystr="Hello World!"
document.write(mystr.substring(6)+ "<br />");
document.write(mystr.substring(0,6));
</script>
提取指定數目的字串
string.substr(startPos,length);
startPos:必需,要提取的子串的起始位置,必需是數值
length:可選,提取的字串長度,預設是到尾部
1.如果引數startPos是負數,就是從字串尾部開始計算;如-1就是最後一個字元
2.如果引數startPos負數的絕對值大於字串長度,則引數變為0
<script type="text/javascript">
var mystr="Hello World!";
document.write(mystr.substr(0,5)+ "<br />");
document.write(mystr.substr(-6,6));
</script>
Date物件:
var currentTime= new Date(); // 獲取當前時間
var d = new Date(2015,7,2); //設定的是2015年7月2日
var d = new Date("Oct 1,2015"); //設定的是2015年10月1日
更多方法可參考下圖內容
設定年份
<script type="text/javascript">
var mydate=new Date();
var myyear=mydate.getFullYear();
document.write(mydate);
document.write("年份:"+myyear);
</script>
設定時間
<script type="text/javascript">
var mydate=new Date();
document.write("當前時間:"+mydate+"<br>");
mydate.setTime( mydate.getTime() + 2* 60 * 60 * 1000);
document.write("推遲二小時時間:" + mydate);
</script>
更多幹貨等你來拿 http://www.itit123.cn/