1、javaScript的概念:是一種表述語言，也是一種基于對象(Object)和事件驅(qū)動(EventDriven)的，安全性好的腳本語言，運行在客戶端，從而減輕服務器端的負擔，總結(jié)如下：

  1.javaScript主要用來向HTML頁面找那個添加交互行為。

  2.javaScript是一種腳本語言，語法和java類似。

  3.javaScript一般用來編寫客戶端腳本。

  4.javaScript是一種解釋性語言，邊執(zhí)行邊解釋。

2、javaScript由核心語法ECMAScript、瀏覽器對象模型(BOM) 主要用于管理窗口與窗口之間的通訊，因此其核心對象是window、文檔對象模型(DOM)三部分組成.

3、網(wǎng)頁中引入javaScript三種方式:

  1.使用<Script></Script>標簽內(nèi)部樣式

  2.使用外部js文件

  3.直接在HTML標簽中的行內(nèi)樣式。

4.javaScript的作用

1.實現(xiàn)頁面表單驗證

2.實現(xiàn)頁面交互特效

5.javaScript的特點

  1.被設計用來向Html頁面添加交互行為

  2.是一種英特網(wǎng)上最流行的腳本語言

  3.一般用于編寫客戶端腳本

  4．是一種解釋性語言

6.引入javaScript的方式

   1.使用<Script>標簽直接嵌入網(wǎng)頁

   2.使用外部js文件

Js中String對象常用的方法：

1. toString(包前不包后),2.toLowerCase();toUpperCase();
2. charAt(index);返回在指定位置的字符，indexOf(str,index);指定字符串中首次出現(xiàn)的位置;split(str);將字符串分割為字符串數(shù)組

在javaScript中條件語句Switch(){}可以接字符串；

alert(“提示信息”)；

   var isOk=confirm(“確認框“);//如果確認返回true,否則返回false

   prompt();prompt(“提示信息”，“輸入框默認信息”);

prompt(“請輸入姓名”)

   close();

   open();

   setTimeout();在指定毫秒之后調(diào)用某個函數(shù)

   setInterval();在指定周期毫秒來調(diào)用某個函數(shù)

window.open();

7.Js語法：

1.區(qū)分大小寫

2.注意變量，函數(shù)等命名規(guī)范

3.每行代碼以分號結(jié)束

Js中的函數(shù)：

1.系統(tǒng)函數(shù) 

   ParseInt();轉(zhuǎn)換為整數(shù)  45.9a轉(zhuǎn)換為45；a6轉(zhuǎn)換返回為NaN(Not a Number)

   isNaN(判斷是不是數(shù)字)

   typeof(var);判斷是什么數(shù)據(jù)類型

   eval(“5+2”);計算表達式值

2.自定義函數(shù)

 Function 函數(shù)名(){javaScript代碼}

 Function 函數(shù)名(參數(shù)1，參數(shù)2){javaScript代碼  return 返回值(可選)}

Js中函數(shù)的調(diào)用:

1. 事件名=“函數(shù)名(傳遞的參數(shù)值)“;
2. 函數(shù)名(傳遞的參數(shù)值);

匿名函數(shù):

1. 匿名函數(shù)的聲明：

Var 變量名=function(參數(shù)){  函數(shù)體  return 返回值；} ;

1. 調(diào)用

變量名(參數(shù))

8.程序調(diào)用

  1.添加alert();方法 2.使用fireBug();方法

9.BOM概述：(Browser Object Model,瀏覽器對象模型)

 1.window對象的屬性

Weindow對象常用的方法：prompt()confirm();setTimeout();setInterval();

Window對象常用的事件：onload=”” onmouseover=””;onclick

window.parent.location

2.History對象

  方法：back() ;forward();go();

3.Location對象提供當前頁面的URL

  屬性：host hostname href

  方法:reload() replace();

4.Document對象

  屬性:referrer屬性判斷是不是通過超鏈接訪問的，不是返回null

10.javaScript中的對象，

   Date對象:

  創(chuàng)建date對象發(fā)方法var date=new Date(MM DD ,YYYY,hh:mm:ss);

                     var  date=new Date(); date.getDay();

    Math對象：

     Ceil();對數(shù)進行向上取整，ceil(25.5)=26;

    Floor();向下取整，floor(25.5)=25;

     Math.round(25.5);在原數(shù)的加0.5后向下取整

11.Dom概述(文檔對象模型)

  由CoreDom,XMLDom,HTML Dom組成；

12.創(chuàng)建數(shù)組

   Js中變量的聲明:

   Var 數(shù)組名稱=new Array(size);

1. 先聲明再賦值 fruit[0]=””
2. 聲明同時賦值 var fruit=new Array(“apple”,”orange”);或 var fruit=new Array[“apple”,”orange”];

讀取1.使用for循環(huán)讀取 2.使用for---in讀取

For(var x in fruit){document.write(fruit[x]+”<br/>”)}x為下標

Fruit.sort();//排序 string str=fruit.join(“-”);//添加字符串后連接成一個字符串

下拉列表Select對象：

13、 style 定位方面的樣式

　　left top  position  z-index

　　鼠標滾動距離：scorllTop:縱向距離

　　　　　　　　　scorllLeft:橫向距離

　　鼠標滾動事假：onscorll

Jquery對象與Dom對象的相互轉(zhuǎn)換

1. jquery對象轉(zhuǎn)換為DOMD對象，jquery提供兩種方法將jquery對象轉(zhuǎn)換為DOM對象，即[index]和get(index),

var $txtName=$(“#txtName”);//jquery對象

var txtName=$txtName[0];//Dom對象

alert(txtName.checked);//檢測這個checkbox是否被選中

通過get(index)方法得到對應的Dom對象

Var $txtName=$(“#txtName”);//jquery對象

Var txtName=$txtName.get(0);//Dom對象

alert(txtName.checked);//檢測這個checkbox是否被選中

1. Dom對象轉(zhuǎn)換為jQuery對象

Var txtName=document.getElementById(“txtName”);//dom對象

Var $txtName=$(txtName);//

Dom中添加class屬性使用obj.className=classname;

      添加類容使用obj.innerHtml=<input />

Jquery中添加class屬性使用obj.addClaa=classname;

      添加類容使用：obj.html=<input/>;

Jqurey中的五大選擇器：

1. 基本選擇器 (#  .  標簽)
2. 層次選擇器(后代 >子    +相鄰    ~同輩)
3. 屬性選擇器(P[class=name])
4. 過濾選擇器(“tr:even”)
5. 可見性選擇器(“p:hidden” “p:viside”)

Jquery中的事件：

   Obj.bind(“clike”,function(){});

obj.bind({mousever:function(){},{mouserout:function(){}}});

  obj.unbind();

obj.hover(function(){},function(){})方法集合onmouseOver和onmouseOut

obj.toggle();

$(“.tipsbox”).show();obj.hide();

$(“img”).fadeIn(1000);

$(“.txt”).slideUp(1000); obj.slideDown(1000);

Obj.toggleClass(“class”);//集成了addClass和romoveClass

$(this).val(“”);//清空文本內(nèi)容

Var $newNode=$(<”<li>用jquery創(chuàng)建新元素節(jié)點</li>”>);

在正則表達式

JS中常用的一些小技巧：

1.使用!!操作符轉(zhuǎn)換布爾值，對于變量可以使用！！varable做檢測，只要變量的值為：0，null , "" , undefind或者NaN都將返回的是false反之的是true

function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}

2.使用+將字符串轉(zhuǎn)換為數(shù)字，只適用字符串數(shù)據(jù)，否則返回NaN

function toNumber(strNum) {
return +strNum;
}

適用于Date()返回時間戳數(shù)字：+new Date();

3.在循環(huán)很大時候數(shù)字的長度先給去出來，var legth = array.legth;

4.if('querySelector' in document) {

document.querySelector("#id");
} else {
document.getElementById("id");
}

5.獲取數(shù)組中的最后一個元素

var array = [1,2,3,4,5];
array.slice(-1);

6.字符串元素的替換

var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"

以上這篇javaScript知識點總結(jié)(必看篇)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論