是用js調(diào)整字體大小的程序
創(chuàng)新互聯(lián)建站公司2013年成立,先為眉縣等服務建站,眉縣等地企業(yè),進行企業(yè)商務咨詢服務。為眉縣企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
下面的代碼一運行 你就知道這是干什么的了~
script
var $=function(id){
return document.getElementById(id); //返回一個對象
}
function doZoom(size){ //一個js函數(shù) 接收傳進來的要設置的文字的大小
if(size==14){ //如果是14號字體
$("contentText").style.fontSize = size + "px"; //把文字的字體設置為14號字體
$("fs14").style.display = ""; // 顯示 id 為 fs14 的這個層 這些代碼 實際上是寫了個選項卡 根據(jù)傳進來不同的參數(shù) 顯示相應的信息
$("fs17").style.display = "none"; 不顯示 id 為 fs14 的這個層
$("fs20").style.display = "none"; 不顯示 id 為 fs14 的這個層 下面的代碼同理 ~~
}
if(size==17){
$("contentText").style.fontSize = size + "px";
$("fs14").style.display = "none";
$("fs17").style.display = "";
$("fs20").style.display = "none";
}
if(size==20){
$("contentText").style.fontSize = size + "px";
$("fs14").style.display = "none";
$("fs17").style.display = "none";
$("fs20").style.display = "";
}
}
/SCRIPT
/head
body
//每次只顯示一個層 如你點了14 這個鏈接 然后14 這個鏈接 就不能再點了 只能點擊17 和 20 的鏈接
DIV class=fontSize id=fs14 style="DISPLAY: none"A
href="javascript:doZoom(17)"大/A A
href="javascript:doZoom(17)"中/A SPAN小/SPAN/DIV
DIV class=fontSize id=fs17A
href="javascript:doZoom(20)"大/A SPAN中/SPAN A
href="javascript:doZoom(14)"小/A/DIV
DIV class=fontSize id=fs20 style="DISPLAY: none"SPAN大/SPAN A
href="javascript:doZoom(17)"中/A A
href="javascript:doZoom(14)"小/A/DIV
div id="contentText";/div
1while;
var num = 1;//1、聲明循環(huán)變量
while (num=10){//2、判斷循環(huán)條件;
document.write(num+"br /");//3、執(zhí)行循環(huán)體操作;
num++;//4、更新循環(huán)變量;
}
while循環(huán)()中的表達式,運算結果可以是各種類型,但是最終都會轉為真假,轉換規(guī)則如下。
①Boolean:true為真,false為假;
②String:空字符串為假,所有非空字符串為真;
③Number:0為假,一切非0數(shù)字為真;
④null/Undefined/NaN:全為假;
⑤Object:全為真。
2
do-while循環(huán)
while循環(huán)特點:先判斷后執(zhí)行;
do-while循環(huán)特點:先執(zhí)行再判斷,即使初始條件不成立,do-while循環(huán)至少執(zhí)行一次;
var num = 10;
do{
document.write(num+"br /");//10 9 8 7 6 5 4 3 2 1 0
num--;
}while(num=0);
document.write(num);//-1
3,for循環(huán)
for (var num =1; num=10; num++) {
document.write(num+" br /"); //1 2 3 4 5 6 7 8 9 10 }
4
for-in循環(huán)
var arr = ['a', 'b', 'c', 'd']; for (let a in arr) {
console.log(a); // 0 1 2 3 }
for (let a of arr) {
console.log(a); // a b c d
}
JQ循環(huán)有$.each和$.map('div').each(function (i){ i就是索引值 this 表示獲取遍歷每一個dom對象});
JavaScript語句設置元素背景顏色為紅色,正確的選項是style.backgroundColor="R",在javascript中,可以利用Style對象的backgroundColor屬性來設置背景顏色,該屬性用于設置元素的背景顏色,語法格式“元素對象.style.backgroundColor="顏色值";”。
給你一個例子吧!
html
body
script type="text/javascript"
var d = new Date()
var time = d.getHours()
if (time 10)
{
document.write("b早安/b")
}
/script
p本例演示 If 語句。/p
p如果瀏覽器時間小于 10,那么會向您問“早安”。/p
/body
/html
html
head
/head
body
script language="javascript"
var i;
var sum=0;
for(i=0;i=100;i++)
{
sum=sum+i;
if(i==11||sum3800)
break;
}
i=0;sum=0;
while(i!=11||sum3800)
{
sum=sum+i;
i++;
}
var grade;
grade=80;
if(grade=60grade70) alert("不是很好,還需努力");
if(grade=70grade85) alert("不錯啊,繼續(xù)努力吧");
if(grade=85) alert("太不可思議了,你太厲害了");
if(grade60) alert("我無話可說");
var grade='B';
switch(grade)
{
case 'A':alert("太不可思議了,你太厲害了");break;
case 'B':alert("不錯啊,繼續(xù)努力吧");break;
case 'C':alert("太不可思議了,你太厲害了");break;
default:alert("我無話可說");
}
/script
/body
/head
javascript 中的?是屬性。例如:var text={??x:1,y:2?? }? ? ,? 輸出:text.x?????? 那么值就是1?? 如此而已。
javascript的相關概念:
語句
JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,它們是:
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。
函數(shù)
函數(shù)是命名的語句段,這個語句段可以被當作一個整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點:
1)函數(shù)由關鍵字function定義(也可由Function構造函數(shù)構造)
2)使用function關鍵字定義的函數(shù)在一個作用域內(nèi)是可以在任意處調(diào)用的(包括定義函數(shù)的語句前);而用var關鍵字定義的必須定義后才能被調(diào)用
3)函數(shù)名是調(diào)用函數(shù)時引用的名稱,它對大小寫是敏感的,調(diào)用函數(shù)時不可寫錯函數(shù)名
4)參數(shù)表示傳遞給函數(shù)使用或操作的值,它可以是常量,也可以是變量,也可以是函數(shù),在函數(shù)內(nèi)部可以通過arguments對象(arguments對象是一個偽數(shù)組,屬性callee引用被調(diào)用的函數(shù))訪問所有參數(shù)
5)return語句用于返回表達式的值。
6)yield語句扔出一個表達式,并且中斷函數(shù)執(zhí)行直到下一次調(diào)用next。
一般的函數(shù)都是以下格式:
function myFunction(params){
//執(zhí)行的語句
}
函數(shù)表達式:
var myFunction=function(params){
//執(zhí)行的語句
}
var myFunction = function(){
//執(zhí)行的語句
}
myFunction();//調(diào)用函數(shù)
匿名函數(shù),它常作為參數(shù)在其他函數(shù)間傳遞:
window.addEventListener('load',function(){
//執(zhí)行的語句
},false);
對象
JavaScript的一個重要功能就是面向?qū)ο蟮墓δ?,通過基于對象的程序設計,可以用更直觀、模塊化和可重復使用的方式進行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進行操作的方法,稱為對象。比如要設定網(wǎng)頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍色。
事件
用戶與網(wǎng)頁交互時產(chǎn)生的操作,稱為事件。事件可以由用戶引發(fā),也可能是頁面發(fā)生改變,甚至還有你看不見的事件(如Ajax的交互進度改變)。絕大部分事件都由用戶的動作所引發(fā),如:用戶按鼠標的按鍵,就產(chǎn)生click事件,若鼠標的指針在鏈接上移動,就產(chǎn)生mouseover事件等等。在JavaScript中,事件往往與事件處理程序配套使用。
而對事件的處理,W3C的方法是用addEventListener()函數(shù),它有三個參數(shù):事件,引發(fā)的函數(shù),是否使用事件捕捉。為了安全性,建議將第三個參數(shù)始終設置為false
傳統(tǒng)的方法就是定義元素的on…事件,它就是W3C的方法中的事件參數(shù)前加一個“on”。而IE的事件模型使用attachEvent和dettachEvent對事件進行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段,但是傳統(tǒng)綁定只支持冒泡事件。
變量
1、常用類型
Object:對象
Array:數(shù)組
Number:數(shù)
Boolean:布爾值,只有true和false兩個值,是所有類型中占用內(nèi)存最少的
null:一個空值,唯一的值是null,表空引用
undefined:沒有定義或賦值的變量
2、命名形式
一般形式是:
var 變量名表;
其中,var是javascript的保留字,表面接下來是變量說明,變量名表是用戶自定義標識符,變量之間用逗號分開。和C++等程序不同,在javascript中,變量說明不需要給出變量的數(shù)據(jù)類型。此外,變量也可以不說明而直接使用。
3、作用域
變量的作用域由聲明變量的位置決定,決定哪些腳本命令可訪問該變量。在函數(shù)外部聲明的變量稱為全局變量,其值能被所在HTML文件中的任何腳本命令訪問和修改。在函數(shù)內(nèi)部聲明的變量稱為局部變量。只有當函數(shù)被執(zhí)行時,變量被分配臨時空間,函數(shù)結束后,變量所占據(jù)的空間被釋放。局部變量只能被函數(shù)內(nèi)部的語句訪問,只對該函數(shù)是可見的,而在函數(shù)外部是不可見的。
運算符
javascript提供了豐富的運算功能,包括算術運算、關系運算、邏輯運算和連接運算。
1.算術運算符
javascript中的算術運算符有單目運算符和雙目運算符。雙目運算符包括:+(加)、-(減)、*(乘)、/(除)、%(取模)、|(按位或)、(按位與)、(左移)、(右移)等。單目運算符有:-(取反)、~(取補)、++(遞加1)--(遞減1)等。
2.關系運算符
關系運算符又稱比較運算,運算符包括:(小于)、=(小于等于)、(大于)、=(大于等于)、==(等于)和!=(不等于)以及 ===) 和 !==。
關系運算的運算結果為布爾值,如果條件成立,則結果為true,否則為false。
3.邏輯運算符
邏輯運算符有:(邏輯與)、||(邏輯或)、!(取反,邏輯非)、^(邏輯異或)。
4.字符串連接運算符
連接運算用于字符串操作,運算符為+(用于強制連接),將兩個或多個字符串連結為一個字符串。
5.三目操作符?
三目操作符“?:”格式為:
操作數(shù)?表式1:表達式2
三目操作符“?:”構成的表達式,其邏輯功能為:若操作數(shù)的結果為true,則表述式的結果為表達式1,否則為表達式2。例如max=(ab)?a:b;該語句的功能就是將a,b中的較大的數(shù)賦給max。
相關規(guī)則
在JavaScript中,“==="是全同運算符,只有當值相等,數(shù)據(jù)類型也相等時才成立。
等同運算符“=="的比較規(guī)則:
當兩個運算數(shù)的類型不同時:將他們轉換成相同的類型。
1)一個數(shù)字與一個字符串,字符串轉換成數(shù)字之后,進行比較。
2)true轉換為1、false轉換為0,進行比較。
3)一個對象、數(shù)組、函數(shù)與 一個數(shù)字或字符串,對象、數(shù)組、函數(shù)轉換為原始類型的值,然后進行比較。(先使用valueOf,如果不行就使用toString)
4)其他類型的組合不相等。
JavaScript想兩個運算數(shù)類型相同,或轉換成相同類型后:
1)2個字符串:同一位置上的字符相等,2個字符串就相同。
2)2個數(shù)字:2個數(shù)字相同,就相同。如果一個是NaN,或兩個都是NaN,則不相同。
3)2個都是true,或者2個都是false,則相同。
4)2個引用的是同一個對象、函數(shù)、數(shù)組,則他們相等,如果引用的不是同一個對象、函數(shù)、數(shù)組,則不相同,即使這2個對象、函數(shù)、數(shù)組可以轉換成完全相等的原始值。
5)2個null,或者2個都是未定義的,那么他們相等。
而“===”是全同運算符,全同運算符遵循等同運算符的比較規(guī)則,但是它不對運算數(shù)進行類型轉換,當兩個運算數(shù)的類型不同時,返回false;只有當兩個運算數(shù)的類型相同的時候,才遵循等同運算符的比較規(guī)則進行比較。
例如:null==undefined 會返回真, 但是null===undefined 就會返回假!
表達式
表達式是指將常量、變量、函數(shù)、運算符和括號連接而成的式子。根據(jù)運算結果的不同,表達式可分為算術表達式、字符表達式、和邏輯表達式。
腳本語言
不同于服務器端腳本語言,例如PHP與ASP,JavaScript是客戶端腳本語言,也就是說JavaScript是在用戶的瀏覽器上運行,不需要服務器的支持而可以獨立運行。所以在早期程序員比較青睞于JavaScript以減少對服務器的負擔,而與此同時也帶來另一個問題:安全性。而隨著服務器的強壯,雖然程序員更喜歡運行于服務端的腳本以保證安全,但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。
JavaScript是一種腳本語言,其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯,而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。解釋語言的弱點是安全性較差,而且在JavaScript中,如果一條運行不了,那么下面的語言也無法運行。而且由于每次重新加載都會重新解譯,加載后,有些代碼會延遲至運行時才解譯,甚至會多次解譯,所以速度較慢。
與其相對應的是編譯語言,例如Java。Java的源代碼在傳遞到客戶端運行之前,必須經(jīng)過編譯,因而客戶端上必須具有相應平臺上的仿真器或解釋器,它可以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編譯代碼的束縛。但是它必須在服務器端進行編譯,這樣就拖延了時間。但因為已經(jīng)封裝,所以能保證安全性。
Javascript庫
庫,指得是可以方便應用到現(xiàn)有開發(fā)體系中的、現(xiàn)成的代碼資源。庫不僅為大部分日常的DOM腳本編程工作提供了快捷的解決方案,而且也提供了許多獨特的工具。雖然庫使用起來很方便,但它們也并非能解決你所有的問題。在使用庫之前,一定要保證真正理解javascript的DOM原理。
這些庫一般是一個(或多個)js(Javascript的縮寫)文件,只要把他們導入你的網(wǎng)頁就能使用了。
常用的庫有:
jQuery:javascript庫中的新成員,提供css和xpath選擇符查找元素、ajax、動畫效果等
JSer: 國人開發(fā)的一款全功能的開源腳本框架. 借助JSer,可以便捷的操作DOM、CSS樣式訪問、屬性讀寫、事件綁定、行為切換、動態(tài)載入、數(shù)據(jù)緩存、URL與AJAX等眾多功能。
dojo:一個巨大的庫,包括的東西很多,dijit和dojox是dojo的擴展,幾乎你想要的各種javascript程序都包括了。
prototype:一個非常流行的庫,使用了原型鏈向javascript中添加了很多不錯的函數(shù)
YUI:(YahooYUI庫)yahoo!用戶界面,非常實用,提供各種解決方案。
ExtJs:組件非常豐富,皮膚也很漂亮,動畫效果也豐富。
語句
JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,它們是:
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。
函數(shù)
函數(shù)是命名的語句段,這個語句段可以被當作一個整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點:
1)函數(shù)由關鍵字function定義(也可由Function構造函數(shù)構造)
2)使用function關鍵字定義的函數(shù)在一個作用域內(nèi)是可以在任意處調(diào)用的(包括定義函數(shù)的語句前);而用var關鍵字定義的必須定義后才能被調(diào)用
3)函數(shù)名是調(diào)用函數(shù)時引用的名稱,它對大小寫是敏感的,調(diào)用函數(shù)時不可寫錯函數(shù)名
4)參數(shù)表示傳遞給函數(shù)使用或操作的值,它可以是常量,也可以是變量,也可以是函數(shù),在函數(shù)內(nèi)部可以通過arguments對象(arguments對象是一個偽數(shù)組,屬性callee引用被調(diào)用的函數(shù))訪問所有參數(shù)
5)return語句用于返回表達式的值。
6)yield語句扔出一個表達式,并且中斷函數(shù)執(zhí)行直到下一次調(diào)用next。
一般的函數(shù)都是以下格式:
function myFunction(params){
//執(zhí)行的語句
}
函數(shù)表達式:
var myFunction=function(params){
//執(zhí)行的語句
}
var myFunction = function(){
//執(zhí)行的語句
}
myFunction();//調(diào)用函數(shù)
匿名函數(shù),它常作為參數(shù)在其他函數(shù)間傳遞:
window.addEventListener('load',function(){
//執(zhí)行的語句
},false);
對象
JavaScript的一個重要功能就是面向?qū)ο蟮墓δ?,通過基于對象的程序設計,可以用更直觀、模塊化和可重復使用的方式進行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進行操作的方法,稱為對象。比如要設定網(wǎng)頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍色。
事件
用戶與網(wǎng)頁交互時產(chǎn)生的操作,稱為事件。事件可以由用戶引發(fā),也可能是頁面發(fā)生改變,甚至還有你看不見的事件(如Ajax的交互進度改變)。絕大部分事件都由用戶的動作所引發(fā),如:用戶按鼠標的按鍵,就產(chǎn)生click事件,若鼠標的指針在鏈接上移動,就產(chǎn)生mouseover事件等等。在JavaScript中,事件往往與事件處理程序配套使用。
而對事件的處理,W3C的方法是用addEventListener()函數(shù),它有三個參數(shù):事件,引發(fā)的函數(shù),是否使用事件捕捉。為了安全性,建議將第三個參數(shù)始終設置為false
傳統(tǒng)的方法就是定義元素的on…事件,它就是W3C的方法中的事件參數(shù)前加一個“on”。而IE的事件模型使用attachEvent和dettachEvent對事件進行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段,但是傳統(tǒng)綁定只支持冒泡事件。
變量
1、常用類型
Object:對象
Array:數(shù)組
Number:數(shù)
Boolean:布爾值,只有true和false兩個值,是所有類型中占用內(nèi)存最少的
null:一個空值,唯一的值是null,表空引用
undefined:沒有定義或賦值的變量
2、命名形式
一般形式是:
var 變量名表;
其中,var是javascript的保留字,表面接下來是變量說明,變量名表是用戶自定義標識符,變量之間用逗號分開。和C++等程序不同,在javascript中,變量說明不需要給出變量的數(shù)據(jù)類型。此外,變量也可以不說明而直接使用。
3、作用域
變量的作用域由聲明變量的位置決定,決定哪些腳本命令可訪問該變量。在函數(shù)外部聲明的變量稱為全局變量,其值能被所在HTML文件中的任何腳本命令訪問和修改。在函數(shù)內(nèi)部聲明的變量稱為局部變量。只有當函數(shù)被執(zhí)行時,變量被分配臨時空間,函數(shù)結束后,變量所占據(jù)的空間被釋放。局部變量只能被函數(shù)內(nèi)部的語句訪問,只對該函數(shù)是可見的,而在函數(shù)外部是不可見的。
運算符
javascript提供了豐富的運算功能,包括算術運算、關系運算、邏輯運算和連接運算。
1.算術運算符
javascript中的算術運算符有單目運算符和雙目運算符。雙目運算符包括:+(加)、-(減)、*(乘)、/(除)、%(取模)、|(按位或)、(按位與)、(左移)、(右移)等。單目運算符有:-(取反)、~(取補)、++(遞加1)--(遞減1)等。
2.關系運算符
關系運算符又稱比較運算,運算符包括:(小于)、=(小于等于)、(大于)、=(大于等于)、==(等于)和!=(不等于)以及 ===) 和 !==。
關系運算的運算結果為布爾值,如果條件成立,則結果為true,否則為false。
3.邏輯運算符
邏輯運算符有:(邏輯與)、||(邏輯或)、!(取反,邏輯非)、^(邏輯異或)。
4.字符串連接運算符
連接運算用于字符串操作,運算符為+(用于強制連接),將兩個或多個字符串連結為一個字符串。
5.三目操作符?
三目操作符“?:”格式為:
操作數(shù)?表式1:表達式2
三目操作符“?:”構成的表達式,其邏輯功能為:若操作數(shù)的結果為true,則表述式的結果為表達式1,否則為表達式2。例如max=(ab)?a:b;該語句的功能就是將a,b中的較大的數(shù)賦給max。
相關規(guī)則
在JavaScript中,“==="是全同運算符,只有當值相等,數(shù)據(jù)類型也相等時才成立。
等同運算符“=="的比較規(guī)則:
當兩個運算數(shù)的類型不同時:將他們轉換成相同的類型。
1)一個數(shù)字與一個字符串,字符串轉換成數(shù)字之后,進行比較。
2)true轉換為1、false轉換為0,進行比較。
3)一個對象、數(shù)組、函數(shù)與 一個數(shù)字或字符串,對象、數(shù)組、函數(shù)轉換為原始類型的值,然后進行比較。(先使用valueOf,如果不行就使用toString)
4)其他類型的組合不相等。
JavaScript想兩個運算數(shù)類型相同,或轉換成相同類型后:
1)2個字符串:同一位置上的字符相等,2個字符串就相同。
2)2個數(shù)字:2個數(shù)字相同,就相同。如果一個是NaN,或兩個都是NaN,則不相同。
3)2個都是true,或者2個都是false,則相同。
4)2個引用的是同一個對象、函數(shù)、數(shù)組,則他們相等,如果引用的不是同一個對象、函數(shù)、數(shù)組,則不相同,即使這2個對象、函數(shù)、數(shù)組可以轉換成完全相等的原始值。
5)2個null,或者2個都是未定義的,那么他們相等。
而“===”是全同運算符,全同運算符遵循等同運算符的比較規(guī)則,但是它不對運算數(shù)進行類型轉換,當兩個運算數(shù)的類型不同時,返回false;只有當兩個運算數(shù)的類型相同的時候,才遵循等同運算符的比較規(guī)則進行比較。
例如:null==undefined 會返回真, 但是null===undefined 就會返回假!
表達式
表達式是指將常量、變量、函數(shù)、運算符和括號連接而成的式子。根據(jù)運算結果的不同,表達式可分為算術表達式、字符表達式、和邏輯表達式。
腳本語言
不同于服務器端腳本語言,例如PHP與ASP,JavaScript是客戶端腳本語言,也就是說JavaScript是在用戶的瀏覽器上運行,不需要服務器的支持而可以獨立運行。所以在早期程序員比較青睞于JavaScript以減少對服務器的負擔,而與此同時也帶來另一個問題:安全性。而隨著服務器的強壯,雖然程序員更喜歡運行于服務端的腳本以保證安全,但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。
JavaScript是一種腳本語言,其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯,而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。解釋語言的弱點是安全性較差,而且在JavaScript中,如果一條運行不了,那么下面的語言也無法運行。而且由于每次重新加載都會重新解譯,加載后,有些代碼會延遲至運行時才解譯,甚至會多次解譯,所以速度較慢。
與其相對應的是編譯語言,例如Java。Java的源代碼在傳遞到客戶端運行之前,必須經(jīng)過編譯,因而客戶端上必須具有相應平臺上的仿真器或解釋器,它可以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編譯代碼的束縛。但是它必須在服務器端進行編譯,這樣就拖延了時間。但因為已經(jīng)封裝,所以能保證安全性。
Javascript庫
庫,指得是可以方便應用到現(xiàn)有開發(fā)體系中的、現(xiàn)成的代碼資源。庫不僅為大部分日常的DOM腳本編程工作提供了快捷的解決方案,而且也提供了許多獨特的工具。雖然庫使用起來很方便,但它們也并非能解決你所有的問題。在使用庫之前,一定要保證真正理解javascript的DOM原理。
這些庫一般是一個(或多個)js(Javascript的縮寫)文件,只要把他們導入你的網(wǎng)頁就能使用了。
常用的庫有:
jQuery:javascript庫中的新成員,提供css和xpath選擇符查找元素、ajax、動畫效果等
JSer: 國人開發(fā)的一款全功能的開源腳本框架. 借助JSer,可以便捷的操作DOM、CSS樣式訪問、屬性讀寫、事件綁定、行為切換、動態(tài)載入、數(shù)據(jù)緩存、URL與AJAX等眾多功能。
dojo:一個巨大的庫,包括的東西很多,dijit和dojox是dojo的擴展,幾乎你想要的各種javascript程序都包括了。
prototype:一個非常流行的庫,使用了原型鏈向javascript中添加了很多不錯的函數(shù)
YUI:(YahooYUI庫)yahoo!用戶界面,非常實用,提供各種解決方案。
ExtJs:組件非常豐富,皮膚也很漂亮,動畫效果也豐富。