js的寫法基礎(chǔ)分析
更新時(shí)間：2011年01月17日 23:08:55 作者：
js的寫法基礎(chǔ)分析，學(xué)習(xí)js的朋友可以參考下。
var a=false;
!a&&alert("hi");
解釋 a為真才繼續(xù)往下執(zhí)行,所以會(huì)彈出hi
var a=a||"hi";
解釋 當(dāng)a為假的時(shí)候會(huì)繼續(xù)執(zhí)行,當(dāng)a為真的時(shí)候跳出這個(gè)語(yǔ)句,所以可以通過這個(gè)辦法復(fù)制默認(rèn)值
上面的方法并非所有語(yǔ)言都是如此處理,比如PHP
$a=@$a||"hi";
echo $a;//1
php把(@$a||"hi")之后的值賦值過去了...
$a=true;
!$a&&echo "hi";
直接報(bào)錯(cuò):syntax error, unexpected T_ECHO
關(guān)于prototype
很多情況下看到prototype都想到只有對(duì)象的情況下有
var add=function(){alert("b");}
add.prototype.a = function () {alert("hi");}
new add.prototype.a;
第一反應(yīng),可能會(huì)報(bào)錯(cuò),其實(shí)不然,當(dāng)沒有生產(chǎn)對(duì)象的時(shí)候,可以通過add.prototype.a的方式直接調(diào)用靜態(tài)的方法的
JS挺會(huì)誤導(dǎo)人的,咳
選擇器問題:
有時(shí)候需要選擇一個(gè)節(jié)點(diǎn)下的子節(jié)點(diǎn),用childNodes取值FIREFOX,IE的不同讓人很郁悶
document.getElementsByTagName("head")[0].getElementsByTagName("script")[0];
上面的方法結(jié)果用在head標(biāo)簽階段還好,用在其他的不怎么好用了
所有覺得還是用個(gè)類名作處理好點(diǎn)
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í)下,感覺特麻煩,郁悶.
補(bǔ)上一點(diǎn)今天發(fā)現(xiàn)的JS要注意的地方,如果一個(gè)JS已經(jīng)引入到了當(dāng)前文檔,即使移除引入節(jié)點(diǎn),通過該引入JS文件定義的變量,函數(shù)等仍然有效,因?yàn)橐呀?jīng)加載到了當(dāng)前的文檔環(huán)境,如下代碼:
document.getElementsByTagName("head")[0].removeChild(document.getElementsByTagName("head")[0].getElementsByTagName("script")[0]);
!a&&alert("hi");
解釋 a為真才繼續(xù)往下執(zhí)行,所以會(huì)彈出hi
var a=a||"hi";
解釋 當(dāng)a為假的時(shí)候會(huì)繼續(xù)執(zhí)行,當(dāng)a為真的時(shí)候跳出這個(gè)語(yǔ)句,所以可以通過這個(gè)辦法復(fù)制默認(rèn)值
上面的方法并非所有語(yǔ)言都是如此處理,比如PHP
$a=@$a||"hi";
echo $a;//1
php把(@$a||"hi")之后的值賦值過去了...
$a=true;
!$a&&echo "hi";
直接報(bào)錯(cuò):syntax error, unexpected T_ECHO
關(guān)于prototype
很多情況下看到prototype都想到只有對(duì)象的情況下有
var add=function(){alert("b");}
add.prototype.a = function () {alert("hi");}
new add.prototype.a;
第一反應(yīng),可能會(huì)報(bào)錯(cuò),其實(shí)不然,當(dāng)沒有生產(chǎn)對(duì)象的時(shí)候,可以通過add.prototype.a的方式直接調(diào)用靜態(tài)的方法的
JS挺會(huì)誤導(dǎo)人的,咳
選擇器問題:
有時(shí)候需要選擇一個(gè)節(jié)點(diǎn)下的子節(jié)點(diǎn),用childNodes取值FIREFOX,IE的不同讓人很郁悶
document.getElementsByTagName("head")[0].getElementsByTagName("script")[0];
上面的方法結(jié)果用在head標(biāo)簽階段還好,用在其他的不怎么好用了
所有覺得還是用個(gè)類名作處理好點(diǎn)
復(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í)下,感覺特麻煩,郁悶.
補(bǔ)上一點(diǎn)今天發(fā)現(xiàn)的JS要注意的地方,如果一個(gè)JS已經(jīng)引入到了當(dāng)前文檔,即使移除引入節(jié)點(diǎn),通過該引入JS文件定義的變量,函數(shù)等仍然有效,因?yàn)橐呀?jīng)加載到了當(dāng)前的文檔環(huán)境,如下代碼:
復(fù)制代碼 代碼如下:
document.getElementsByTagName("head")[0].removeChild(document.getElementsByTagName("head")[0].getElementsByTagName("script")[0]);
相關(guān)文章
這篇文章主要介紹了一些Javascript中的奇葩知識(shí)，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01
Javascript格式化并高亮xml字符串的方法及注意事項(xiàng)
這篇文章主要介紹了Javascript格式化并高亮xml字符串的方法及注意事項(xiàng),需要的朋友可以參考下2018-08-08
hammer.js實(shí)現(xiàn)圖片手勢(shì)放大效果
這篇文章主要為大家詳細(xì)介紹了hammer.js實(shí)現(xiàn)圖片手勢(shì)放大效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
d3.js中冷門卻實(shí)用的內(nèi)置函數(shù)總結(jié)
D3.js是一個(gè)JavaScript庫(kù)，它可以通過數(shù)據(jù)來操作文檔。D3可以通過使用HTML、SVG和CSS把數(shù)據(jù)鮮活形象地展現(xiàn)出來。d3.js其實(shí)提供了很多內(nèi)置的函數(shù)，可以卻被大家忽略了，下面這篇文章就來給大家詳細(xì)介紹了d3.js中冷門卻實(shí)用的一些內(nèi)置函數(shù),需要的朋友可以參考借鑒。2017-02-02
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目，本文介紹了bootstrap的常用組件和柵格式布局詳解，有興趣的可以了解一下2017-05-05
JavaScript內(nèi)存管理與閉包實(shí)例詳解
不管什么樣的編程語(yǔ)言,在代碼的執(zhí)行過程中都是需要給它分配內(nèi)存的,下面這篇文章主要給大家介紹了關(guān)于JavaScript內(nèi)存管理與閉包的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
小程序?qū)崿F(xiàn)點(diǎn)擊tab切換左右滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)點(diǎn)擊tab切換左右滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下2017-09-09
Ionic 是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開發(fā)框架。通過 SASS 構(gòu)建應(yīng)用程序，它 提供了很多 UI 組件來幫助開發(fā)者開發(fā)強(qiáng)大的應(yīng)用。接下來小編給大家介紹如何安裝 Ionic 在自己的電腦上搭建一個(gè)簡(jiǎn)單的小應(yīng)用，感興趣的朋友一起看看吧2016-06-06
微信小程序canvas開發(fā)水果老虎機(jī)的思路詳解
這篇文章主要介紹了微信小程序canvas開發(fā)水果老虎機(jī)的思路，本文通過思路代碼分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-02