大笨鳥的私房菜

這幾天找資料時無意間看到了這個網頁

JavaScript 最常用的用法之一為操作頁面上的 DOM elemnt，而 DOM element 屬性中，同樣都是寬度，就有區分為 offsetWidth、clientWidth 與 offsetWidth 這幾種，而這之間的差別如下：

• scrollWidth : 
  

問題描述：

當頁面上有某個 Tag 被包在 A Tag 之內 (例如：<a><p>文字</p></a>)，若取得此 Tag 並使用 innerHTML 來填入字串時，Firefox 會很雞婆的在填入的字串前後自動加上 A Tag。

• (原文) arguments : A JavaScript Oddity
  (翻譯) 奇異的 Arguments
  

eval 效能不彰已是公開的事實，但有時又似乎非它不可，但 eval 真的是無可取代的嗎？

小弟無意中在某中國網站上發現高手提供兩種 eval 常用方式的替代方法，現公佈在下方：

不小心在網路上看來的技巧，只是還沒試過就是了~

YUI Doc 是一套 YAHOO YUI 團隊開發出來專門用來產生 Javascript API 文件的程式，經由 YUI Doc 所產生出來的 API 長得就和 YUI 官網上的 API 文件格式是一樣的。
 

當我們想要從被 event 觸發的 function 中取得 event 物件時，如果 function 並沒有 event 這個參數時該如何取得 event 物件呢？
 

在設計網頁時，有時我們不想讓 user 取得頁面上的資訊，因此就必須讓 user 在頁面上的任何點擊都無法發生作用，這行為就是所謂的鎖網頁，所謂有法就有破，雖然要破鎖網頁很容易，但對門外漢而言多少還是有阻擋的作用，所以就稍微學一下吧。
 鎖網頁的第一步就是要先使用 window.open() 開啟一個無 Tool bar 與 Menu bar 的視窗，這算是基本功，此處就不多說了。接下來再使用 javascript 來鎖掉滑鼠右鍵、功能鍵(F5、退格刪除(Backspace) 鍵) 與組合鍵(Ctrl + N、Ctrl + R、Shift + F10、Shift + 滑鼠左鍵、Alt + 左方向鍵、Alt + 右方向鍵、Alt + F4) 即可。以下將開始各別說明。

有時我們需要用 js 來觸發畫面上 Element 的特定事件，例如：在畫面上有一個按扭 Element，其 onclick 事件為 alert 一串訊息，但我們想要在不用滑鼠點擊該按扭時，用 js 來觸發該按扭的 onclick 事件時該如何做呢？
 觸發的方法在 IE 與 Firefox 上有所不同，以下將分別介紹。

以前在編寫 javascript 時，搞不太懂每個 Element 的 clientHeight (or clientWidth) 和 offsetHeight (or offsetWidth) 的差異處在那裏，後來在 wowboxBlog 看到了這篇文章，總算了解了差異之處，以下就簡單的說明一下！

Javascript 1.3 版中增加了 strict equality 運算子 (=== 與 !==) 。和原先的 equality 運算子 (== 與 !=) 有何差別呢？
 

在以下的情況下文字輸入欄位的游標會自動移到最右端。

將 form 表單放在 div tag 內，然後設定 div 座標讓 div 漂浮在畫面上，做成類似 AP 程式中 Dialog 的效果是現在網頁常用的手段。但此種方式在 firefox 上有時卻會出現中輸入欄位(即 Text、TextArea)內無法顯示游標的怪事。請注意是「有時候」，也就是說有些狀況下會發生，甚至相同版本的 firefox 在不同台電腦下執行，有的可以正常顯示，有的不能正常顯示。
 

最近在寫一個 JavaScript 元件，該元件需要即時寫入一個 css style 到畫面上，當下的想法很簡單，就是 create 一個 style 物件，然後把 css code 用 innerHTML 的方式插入 style 物件，最後 append 到 document.body 上，如下：

當使用 innerHTML 插入下列的文字，你覺得瀏覽器會如何呈現呢？
 

使用字串的 split() 方法進行字串切割是很常見的技巧，本篇所要講的是 split() 在 IE 上會遇到的問題。
 

使用 innerHTML 來為畫面上某個區塊添加內容值是很常見的技巧，而有時我們在執行 innerHTML 之後還需要重新取得這個區塊的高度與寬度，一般而言我們會使用 offsetHeigth 與 offsetWidth 這兩個屬性。