JavaScript常用腳本匯總（二）
更新時間：2015年03月04日 15:33:28 投稿：hebedich
本文給大家分享的javascript常用腳本有把JavaScript中的偽數(shù)組轉(zhuǎn)換為真數(shù)組、JavaScript設(shè)置主頁功能、JavaScript收藏功能、javascript檢測元素是否支持某個屬性代碼、創(chuàng)建和使用命名空間，有需要的小伙伴們快來看看吧。
把JavaScript中的偽數(shù)組轉(zhuǎn)換為真數(shù)組
在 JavaScript 中， 函數(shù)中的隱藏變量 arguments 和用 getElementsByTagName 獲得的元素集合（NodeList）都不是真正的數(shù)組，不能使用 push 等方法，在有這種需要的時候只能先轉(zhuǎn)換為真正的數(shù)組。
對于 arguments，可以使用 Array.prototype.slice.call(arguments); 來達(dá)到轉(zhuǎn)換的目的，但對于 NodeList 則不行了，其在 IE8 及以下將會報錯，只能說其 JS 引擎有所限制。
因此，如果需要把 NodeList 轉(zhuǎn)換為真正的數(shù)組，則需要做下兼容處理。
復(fù)制代碼 代碼如下:
function realArray(c) {
try {
return Array.prototype.slice.call(c);
} catch (e) {
var ret = [], i = 0, len = c.length;
for (; i < len; i++) {
ret[i] = (c[i]);
}
return ret;
}
}
JavaScript設(shè)置主頁功能
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript設(shè)置“設(shè)為首頁”和“收藏頁面”（兼容IE和火狐瀏覽器）</title>
<meta charset="utf-8">
<script type="text/javascript">
function setHomepage() {
if (document.all) {
/*IE*/
document.body.style.behavior = 'url(#default#homepage)';
document.body.setHomePage(window.location.href);
} else if (window.sidebar) {
/*FF*/
if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("該操作被瀏覽器拒絕，如果想啟用該功能,請?jiān)诘刂窓趦?nèi)輸入 about:config,然后將項(xiàng) signed.applets.codebase_principal_support值該為true");
}
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage', window.location.href);
} else {
/*chrome或者其他*/
alert("您的瀏覽器不支持自動自動設(shè)置首頁,請使用瀏覽器菜單手動設(shè)置!");
}
}
</script>
</head>
<body>
<a onclick="setHomepage()" title="設(shè)為首頁" href="javascript:void(0);">設(shè)為首頁</a>
</body>
</html>
JavaScript收藏功能
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
jQuery.fn.addFavorite = function(l, h) {
return this.click(function() {
var t = jQuery(this);
if(jQuery.browser.msie) {
window.external.addFavorite(h, l);
} else if (jQuery.browser.mozilla || jQuery.browser.opera) {
t.attr("rel", "sidebar");
t.attr("title", l);
t.attr("href", h);
} else {
alert("請使用Ctrl+D將本頁加入收藏夾！");
}
});
};
$(function(){
$('#fav').addFavorite(document.title,location.href);
});
</script>
</head>
<body>
<a href="javascript:;" title="收藏本站" id="fav">收藏本站</a>
</body>
</html>
基于JQuery的，你可以根據(jù)自己的需求來修改。
javascript檢測元素是否支持某個屬性代碼
復(fù)制代碼 代碼如下:
function elementSupportsAttribute(element, attribute) {
var test = document.createElement(element);
if (attribute in test) {
return true;
} else {
return false;
}
};
用法：
復(fù)制代碼 代碼如下:
if (elementSupportsAttribute("textarea", "placeholder") {
} else {
// fallback
}
創(chuàng)建和使用命名空間
復(fù)制代碼 代碼如下:
var GLOBAL = {};
GLOBAL.namespace = function(str){
var arr = str.split('.'),o = GLOBAL;
for(k=(arr[0]=="GLOBAL")?1:0;k<arr.length;k++){
o[arr[k]]=o[arr[k]]||{};
o=o[arr[k]];
}
}
使用方式
復(fù)制代碼 代碼如下:
GLOBAL.namespace("Lang");
GLOBAL.Lang.test = function(){
//todo
}
以上就是本文的全部內(nèi)容了，希望大家能夠喜歡。
您可能感興趣的文章:
相關(guān)文章
document.open() 與 document.write()的區(qū)別
document.open() 與 document.write()的區(qū)別...2007-08-08
Javascript節(jié)流函數(shù)throttle和防抖函數(shù)debounce
這篇文章主要介紹了Javascript節(jié)流函數(shù)throttle和防抖函數(shù)debounce,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-12-12
JavaScript模擬可展開、拖動與關(guān)閉的聊天窗口實(shí)例
這篇文章主要介紹了JavaScript模擬可展開、拖動與關(guān)閉的聊天窗口,實(shí)例分析了javascript實(shí)現(xiàn)可拖動的div層相關(guān)技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-05-05
JavaScript惰性求值的一種實(shí)現(xiàn)方法示例
這篇文章主要給大家介紹了關(guān)于JavaScript惰性求值的一種實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
javascript中BOM基礎(chǔ)知識總結(jié)
本文主要對javascript中BOM基礎(chǔ)知識進(jìn)行總結(jié)。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法
今天小編就為大家分享一篇在LayUI圖片上傳中,解決由跨域問題引起的請求接口錯誤的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文給大家分享的是一段兼容各大瀏覽器的JavaScript阻止事件冒泡代碼，雖然因?yàn)闀r間問題沒有深入研究，但是還是相當(dāng)不錯的，這里推薦給大家2015-07-07
這篇文章主要是對Javascript中難以理解的11個問題進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換，浮點(diǎn)數(shù)相加，數(shù)字判斷操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的進(jìn)制轉(zhuǎn)換，浮點(diǎn)數(shù)相加，數(shù)字判斷操作,結(jié)合實(shí)例形式分析了JavaScript數(shù)值運(yùn)算、判斷相關(guān)操作技巧,需要的朋友可以參考下2019-11-11
javascript 解析后的xml對象的讀取方法細(xì)解
2009-07-07