js contains方法實現代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js contains方法實現代碼

js contains方法實現代碼

編輯：關於JavaScript

為了兼容IE和FF我們不得不用以下方法：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
不過火狐支持compareDocumentPosition() 方法，這是W3C制定的方法，標准浏覽器都支持，不過實用性性很差，因此沒有什麼人用，推廣不開來。它的使用形式與contains差不多，但返回的不是一個布爾值，而是一個很奇怪的數值，它是通過如下方式累加計算出來的：
Bits Number Meaning 000000 0 元素一致 000001 1 節點在不同的文檔（或者一個在文檔之外） 000010 2 節點 B 在節點 A 之前 000100 4 節點 A 在節點 B 之前 001000 8 節點 B 包含節點 A 010000 16 節點 A 包含節點 B 100000 32 浏覽器的私有使用
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

PPK給出如下解決方法。
復制代碼代碼如下:
if (window.Node && Node.prototype && !Node.prototype.contains){
Node.prototype.contains = function (arg) {
return !!(this.compareDocumentPosition(arg) & 16)
}
}

我搞出個更短的：
復制代碼代碼如下:
if(!!window.find){
HTMLElement.prototype.contains = function(B){
return this.compareDocumentPosition(B) - 19 > 0
}
}

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
復制代碼代碼如下:
//2011.9.24 by 司徒正美
var contains = function(root, el) {
if (root.compareDocumentPosition)
return root === el || !!(root.compareDocumentPosition(el) & 16);
if (root.contains && el.nodeType === 1){
return root.contains(el) && root !== el;
}
while ((el = el.parentNode))
if (el === root) return true;
return false;
}

上一頁:禁止JS運行的代碼
下一頁:如jQuery般易用的api風格代碼分享

關於JavaScript

javascript正則表達式參數/g與/i及/gi的使用指南: regularexpression=/pattern/[switch]這個switch就有三種值 g
js控制的遮罩層實例介紹: 閒來無事，把項目裡很土的彈窗，改成了遮罩層顯示，感覺效果好點了。上代碼：父頁面：復制代碼代碼如
js獲取或設置當前窗口url參數的小例子: 復制代碼代碼如下:// 獲取當前窗口url中param參數的值function get_param

JavaScript基礎知識 JSON基礎正則表達式關於JavaScript JavaScript技巧 jQuery入門知識 AJAX入門 JavaScript綜合知識

小編推薦

JavaScript學習筆記之數組去重 JavaScript Eval 函數使用 js+css完成網站的會員照片信息顯示效果 javascript實現下拉提示選擇框 JavaScript事件的理解 DOM基礎教程之模型中的模型節點封裝好的一個萬能檢測表單的方法教程 Bootstrap每天必學之折疊 js正則表達式匹配數字字母下劃線等 Js日期選擇器並自動加入到輸入框中示例代碼

DIV CSS 佈局教程網

相關文章