JavaScript常用脚本汇总（二）
更新时间：2015年03月04日 15:33:28 投稿：hebedich
本文给大家分享的javascript常用脚本有把JavaScript中的伪数组转换为真数组、JavaScript设置主页功能、JavaScript收藏功能、javascript检测元素是否支持某个属性代码、创建和使用命名空间，有需要的小伙伴们快来看看吧。
把JavaScript中的伪数组转换为真数组
在 JavaScript 中， 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合（NodeList）都不是真正的数组，不能使用 push 等方法，在有这种需要的时候只能先转换为真正的数组。
对于 arguments，可以使用 Array.prototype.slice.call(arguments); 来达到转换的目的，但对于 NodeList 则不行了，其在 IE8 及以下将会报错，只能说其 JS 引擎有所限制。
因此，如果需要把 NodeList 转换为真正的数组，则需要做下兼容处理。
复制代码 代码如下:
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设置主页功能
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript设置“设为首页”和“收藏页面”（兼容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("该操作被浏览器拒绝，如果想启用该功能,请在地址栏内输入 about:config,然后将项 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("您的浏览器不支持自动自动设置首页,请使用浏览器菜单手动设置!");
}
}
</script>
</head>
<body>
<a onclick="setHomepage()" title="设为首页" href="javascript:void(0);">设为首页</a>
</body>
</html>
JavaScript收藏功能
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//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的，你可以根据自己的需求来修改。
javascript检测元素是否支持某个属性代码
复制代码 代码如下:
function elementSupportsAttribute(element, attribute) {
var test = document.createElement(element);
if (attribute in test) {
return true;
} else {
return false;
}
};
用法：
复制代码 代码如下:
if (elementSupportsAttribute("textarea", "placeholder") {
} else {
// fallback
}
创建和使用命名空间
复制代码 代码如下:
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]];
}
}
使用方式
复制代码 代码如下:
GLOBAL.namespace("Lang");
GLOBAL.Lang.test = function(){
//todo
}
以上就是本文的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章:
相关文章
js验证是否为数字的总结，需要的朋友可以参考一下2013-04-04
本文主要介绍了基本DOM节点操作，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript中获取样式的原生方法小结,本文总结了5种JS获取样式的原生方法,并分别给出了实例,需要的朋友可以参考下2014-10-10
这篇文章主要为大家介绍了uniapp movable-area应用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要给大家介绍了关于纯前端使用ffmpeg实现视频压缩的具体方法及踩坑,要在前端使用FFmpeg进行视频压缩,你可以使用FFmpeg的JavaScript,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-12-12
如果你问我网站中最影响网站打开速度的是什么？我会告诉是网站中的javascript，简称JS。模板中引用的JS文件越多，打开速度越慢，这点我深有体会，不信你看看卢松松博客首页，使劲优化后依然有100K的文件2011-12-12
JavaScript垃圾回收机制(引用计数,标记清除,性能优化)
这篇文章主要介绍了JavaScript垃圾回收机制(引用计数,标记清除,性能优化),垃圾回收是JavaScript的隐藏机制，我们通常无需为垃圾回收劳心费力，只需要专注功能的开发就好了2022-07-07
这篇文章主要对javascript的数组方法进行了详细的汇总，包括了最常用的的数组方法，还有扩展方法，很全面，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了微信小程序实现复选框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
今天小编就为大家分享一篇对layui中table组件工具栏的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论