js的寫法基礎(chǔ)分析
更新時間：2011年01月17日 23:08:55 作者：
js的寫法基礎(chǔ)分析，學(xué)習(xí)js的朋友可以參考下。
var a=false;
!a&&alert("hi");
解釋 a為真才繼續(xù)往下執(zhí)行,所以會彈出hi
var a=a||"hi";
解釋 當(dāng)a為假的時候會繼續(xù)執(zhí)行,當(dāng)a為真的時候跳出這個語句,所以可以通過這個辦法復(fù)制默認值
上面的方法并非所有語言都是如此處理,比如PHP
$a=@$a||"hi";
echo $a;//1
php把(@$a||"hi")之后的值賦值過去了...
$a=true;
!$a&&echo "hi";
直接報錯:syntax error, unexpected T_ECHO
關(guān)于prototype
很多情況下看到prototype都想到只有對象的情況下有
var add=function(){alert("b");}
add.prototype.a = function () {alert("hi");}
new add.prototype.a;
第一反應(yīng),可能會報錯,其實不然,當(dāng)沒有生產(chǎn)對象的時候,可以通過add.prototype.a的方式直接調(diào)用靜態(tài)的方法的
JS挺會誤導(dǎo)人的,咳
選擇器問題:
有時候需要選擇一個節(jié)點下的子節(jié)點,用childNodes取值FIREFOX,IE的不同讓人很郁悶
document.getElementsByTagName("head")[0].getElementsByTagName("script")[0];
上面的方法結(jié)果用在head標簽階段還好,用在其他的不怎么好用了
所有覺得還是用個類名作處理好點
function getclassnode(classname,doc){
doc=doc||document;
var node=[],i=0,j=0,t;
var allnode=doc.getElementsByTagName("*");
while(t=allnode[i]){
if(RegExp(classname).test(t.className)){
node[j]=t;
j++;
}
i++;
}
return node;
}
自從用了JQ后,把原生的JS操作都忘的差不多了,偶爾復(fù)習(xí)下,感覺特麻煩,郁悶.
補上一點今天發(fā)現(xiàn)的JS要注意的地方,如果一個JS已經(jīng)引入到了當(dāng)前文檔,即使移除引入節(jié)點,通過該引入JS文件定義的變量,函數(shù)等仍然有效,因為已經(jīng)加載到了當(dāng)前的文檔環(huán)境,如下代碼:
document.getElementsByTagName("head")[0].removeChild(document.getElementsByTagName("head")[0].getElementsByTagName("script")[0]);
!a&&alert("hi");
解釋 a為真才繼續(xù)往下執(zhí)行,所以會彈出hi
var a=a||"hi";
解釋 當(dāng)a為假的時候會繼續(xù)執(zhí)行,當(dāng)a為真的時候跳出這個語句,所以可以通過這個辦法復(fù)制默認值
上面的方法并非所有語言都是如此處理,比如PHP
$a=@$a||"hi";
echo $a;//1
php把(@$a||"hi")之后的值賦值過去了...
$a=true;
!$a&&echo "hi";
直接報錯:syntax error, unexpected T_ECHO
關(guān)于prototype
很多情況下看到prototype都想到只有對象的情況下有
var add=function(){alert("b");}
add.prototype.a = function () {alert("hi");}
new add.prototype.a;
第一反應(yīng),可能會報錯,其實不然,當(dāng)沒有生產(chǎn)對象的時候,可以通過add.prototype.a的方式直接調(diào)用靜態(tài)的方法的
JS挺會誤導(dǎo)人的,咳
選擇器問題:
有時候需要選擇一個節(jié)點下的子節(jié)點,用childNodes取值FIREFOX,IE的不同讓人很郁悶
document.getElementsByTagName("head")[0].getElementsByTagName("script")[0];
上面的方法結(jié)果用在head標簽階段還好,用在其他的不怎么好用了
所有覺得還是用個類名作處理好點
復(fù)制代碼 代碼如下:
function getclassnode(classname,doc){
doc=doc||document;
var node=[],i=0,j=0,t;
var allnode=doc.getElementsByTagName("*");
while(t=allnode[i]){
if(RegExp(classname).test(t.className)){
node[j]=t;
j++;
}
i++;
}
return node;
}
自從用了JQ后,把原生的JS操作都忘的差不多了,偶爾復(fù)習(xí)下,感覺特麻煩,郁悶.
補上一點今天發(fā)現(xiàn)的JS要注意的地方,如果一個JS已經(jīng)引入到了當(dāng)前文檔,即使移除引入節(jié)點,通過該引入JS文件定義的變量,函數(shù)等仍然有效,因為已經(jīng)加載到了當(dāng)前的文檔環(huán)境,如下代碼:
復(fù)制代碼 代碼如下:
document.getElementsByTagName("head")[0].removeChild(document.getElementsByTagName("head")[0].getElementsByTagName("script")[0]);
相關(guān)文章
javascript Array.sort() 跨瀏覽器下需要考慮的問題
最近組里項目需要一個簡單的Table排序的功能，這個功能實現(xiàn)起來很簡單，并且網(wǎng)上也有很多現(xiàn)成的代碼，因此任務(wù)很快完成。2009-12-12
這篇文章主要介紹了JavaScript閉包函數(shù)訪問外部變量的方法,本文使用匿名函數(shù)來實現(xiàn)在閉包中訪問外部變量,需要的朋友可以參考下2014-08-08
關(guān)于Javascript，大家肯定都很熟悉啦，對于有編程經(jīng)驗的朋友來說，Javascript很快就能上手，不過關(guān)于JS的變量作用域，還是有一點差別的。2010-03-03
微信小程序非常火爆，今天腳本之家小編給大家?guī)淼奈⑿判〕绦蜃远xtab實現(xiàn)多層tab嵌套功能以及項目中遇到的問題及解決方法，感興趣的朋友一起看看吧2018-06-06
javascript實現(xiàn)的字符串與十六進制表示字符串相互轉(zhuǎn)換方法
這篇文章主要介紹了javascript實現(xiàn)的字符串與十六進制表示字符串相互轉(zhuǎn)換方法,涉及javascript字符串轉(zhuǎn)換的相關(guān)技巧,在防止SQL注入和XSS中具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復(fù)選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下2015-07-07
原理其實就是通過在固定地址后面，加上一個不同值的日期數(shù)值，以達到地址不重復(fù)的目的，讓瀏覽器每次都實時加載，不從緩存中讀取文件2013-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)限定區(qū)域范圍拖拉拽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
Bootstrap每天必學(xué)之標簽與徽章，對Bootstrap標簽與徽章小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap標簽與徽章，從中得到收獲。2015-11-11
這篇文章主要介紹了JS獲取Table中td值的方法,實例分析了javascript操作table中td的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03