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