DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> 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
}

以上就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved