Java Script的基礎學習

來源:互聯網
上載者:User

標籤:測試的   習慣   load   前端   後退   prot   mouseover   文本   splay   

一、什麼是java script?

      簡稱:js。是前端知識的一部分,語句用於向瀏覽器發送命令,告訴瀏覽器該做什麼。js同一般的程式設計語言類似。但是文法上可能會有區別。基礎知識的學習分為:變數、迴圈、函數、庫函數等幾方面。

 

二、變數

      JavaScript 對大小寫是敏感的。且弱化資料類型

      提示:一個好的編程習慣是,在代碼開始處,統一對需要的變數進行聲明。

      一條語句,多個變數

 

     var name="G", age=1, job="CTO";

 

      聲明也可橫跨多行:      var name="G";       age=1;       job="CTO";          var carname;  //變數 carname 的值將是 undefined               var carname="Volvo";    var carname;//在以下兩條語句執行後,變數 carname 的值依然是 "Volvo"      JavaScript 擁有動態類型。這意味著相同的變數可用作不同的類型     var x  ;//x為undefined     var x = 6;//x為數字     var x = "add";//x為字串JavaScript 只有一種數字類型。數字可以帶小數點,也可以不帶 數組的格式:               var cars=new Array(); cars[0]="A"; cars[1]="B"; cars[2]="c"; 或者  var cars=new Array("A","B","C");或者   var cars=【"A","B","C"】 提示 :數組下標是基於零的,所以第一個項目是 [0],第二個是 [1],以此類推。 對象的格式(在 JavaScript 中,對象是擁有屬性和方法的資料):對象由花括弧分隔。在括弧內部,對象的屬性以名稱和值對的形式 (name : value) 來定義。屬性由逗號分隔:    var person={name:"wangnima", sex:"不明", id:11111111};建立對象: var x = new object();  x.name = "wangnima";  x.sex = "不明";  x.id = "666"; 對象的兩種定址方式:(1)name = person.name;(2)name = person["name"]   Undefined 和 NullUndefined 這個值表示變數不含有值可以通過將變數的值設定為 null 來清空變數。 JavaScript 中的所有事物都是對象.
聲明變數類型:明新變數時,可以使用關鍵詞 "new" 來聲明其類型:var x = new String;var x = new Number;var x = new Boolean;var x = new Arrary;var x = new object(); 條件運算子: (1)greeting=(visitor=="PRES")?"Dear President ":"Dear ";//如果變數 visitor 中的值是 "PRES",則向變數 greeting 賦值 "Dear President ",否則賦值 "Dear"。   (2) if 條件  {}   else  {}  迴圈:     (1)  for迴圈                var i =2,len=s.length;                 for(;i<len;<i++){}                   var i =2;len = s.length;                  for(;i<len;){i++;}                                      var x = {name:"wangnima",sex:"buming",id="666" }                   for(i in x) {}       (2) while迴圈           while(i < 5){i++}  函數:        JavaScript 測試和捕捉(函數裡用):  try 語句允許我們定義在執行時進行錯誤測試的代碼塊。catch 語句允許我們定義當 try 代碼塊發生錯誤時,所執行的代碼塊。trycatch 是成對出現的。文法:      try{//這裡運行代碼}       catch(err){這裡處理錯誤} 改變 HTML 屬性:document.getElementById("image").src="landscape.jpg";改變 HTML 樣式:document.getElementById("p2").style.color="blue";對事件做出反應:document.getElementById("myBtn").onclick=function(){displayDate()};onload 和 onunload 事件:onload 和 onunload 事件會在使用者進入或離開頁面時被觸發。eg:  <body onload="checkCookies()">onmouseover 和 onmouseout 事件:onmouseover 和 onmouseout 事件可用於在使用者的滑鼠移至 HTML 元素上方或移出元素時觸發函數。onmousedown、onmouseup 以及 onclick 事件: onmousedown, onmouseup 以及 onclick 構成了滑鼠點擊事件的所有部分。首先當點擊滑鼠按鍵時,會觸發 onmousedown 事件,當釋放滑鼠按鍵時,會觸發 onmouseup 事件,最後,當完成滑鼠點擊時,會觸發 onclick 事件。exec():exec() 方法檢索字串中的指定值。傳回值是被找到的值。如果沒有發現匹配,則返回 null。Window 方法:window.open() - 開啟新視窗window.close() - 關閉當前視窗window.moveTo() - 移動當前視窗window.resizeTo() - 調整當前視窗的尺寸Window Screen:screen.availWidth - 可用的螢幕寬度screen.availHeight - 可用的螢幕高度Window Location:window.location 對象在編寫時可不使用 window 這個首碼location.hostname 返回 web 主機的網域名稱location.pathname 返回當前頁面的路徑和檔案名稱location.port 返回 web 主機的連接埠 (80 或 443)location.protocol 返回所使用的 web 協議(http:// 或 https://)Window History:history.back() - 與在瀏覽器點擊後退按鈕相同history.forward() - 與在瀏覽器中點擊按鈕向前相同window.navigator 對象包含有關訪問者瀏覽器的資訊。警告框:alert("文本")確認框:confirm("文本")提示框:prompt("文本","預設值") 總結:js的文法就那麼多,只要掌握了基本文法,之後的使用大多都是會搜對應庫函數了。當然js也有許多架構(JavaScript 架構等),提供更方便的編程方式。後期學習~~~ 

Java Script的基礎學習

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.