1. 程式人生 > >javascript快速入門第一章基礎知識(上)

javascript快速入門第一章基礎知識(上)

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);
<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/