Javascript
Internet Explorer 8 中的JavaScript
星期二, 8月 24th, 2010一直習慣使用FireFox Firebug來除錯Javascript的我,
到了今天才發現原來IE也有自己的Javascript debugger,
以下是針對IE8 JS debugger的介紹. 雖然感覺上沒有Firebug來得好用,
但還是可以參考看看:
http://www.dotblogs.com.tw/code6421/archive/2009/04/09/7947.aspx
讓Silverlight可以被Javascript所控制
星期一, 8月 23rd, 2010讓Silverlight可以被Javascript所控制:
http://msdn.microsoft.com/en-us/library/cc645085(v=VS.95).aspx
SilverLight 4 入門:
http://msdn.microsoft.com/zh-tw/library/cc838164(v=VS.95).aspx
Javascript Blink
星期四, 9月 17th, 2009在網路上找到的blink不是只能用於IE就是只相容於FF, 於是自己嘗試寫了一個JavaScript Blink的功能.
在IE8 及FF測試都沒問題. 閃爍的頻率在SetTimeout裡面可以設定, 1000表示1秒, 2000為2秒, 以此類推.
var i = 0;
//BLINKING
function myblink(){
if(i%2==0) {
document.getElementById(’blinkword’).style.display=’block’;
} else {
document.getElementById(’blinkword’).style.display=’none’;
}
if(i
JavaScript除錯application/javascript
星期三, 9月 9th, 2009剛在JavaScript寫程式時,
發現我的Ajax功能在FireFox可以跑成功, Firebug也偵測不出問題,
但用IE時卻出現錯誤, 顯示說某某行找不到物件.
後來去找了很久才知道原來問題出在一個平時很少注意的地方:
[IDEA]存取Windows系統ClipBoard
星期二, 8月 25th, 2009製作一個Javascript EDITOR, 可以直接存取Windows 系統 ClipBoard(剪貼簿)的資料/圖片,
如果沒有限定瀏覽器當然最好, 但如果功能只能在IE使用也OK.
以下的CODE參考自某論壇，還沒有嘗試過，先在此記錄一下：
function SetToClipboard(text) {
if (isIE)
window.clipboardData.setData(”Text”, text);
else if (isFF) {
try {
netscape.security.PrivilegeManager.enablePrivilege(”UniversalXPConnect”);
} catch (every) { window.alert(jsresClipboardNotAllowed); return null;}
var clip = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
clip.copyString(text);
}
}
如果在editor能夠進行裁剪更佳~
還沒實作過, 這個IDEA如果可以實現, 在部落格寫教學將會非常方便. (不用一直使用圖片編輯器來處理圖像)
getElementById
星期四, 11月 13th, 2008使用JAVASCRIPT getElementById 時
要注意HTML裡面若不同元素的NAME與ID的名稱皆相同,
可能會造成getElementById抓錯對象.
發生瀏覽器: IE7.
還在測試中.
Javascript的navigator.userAgent判斷使用者的瀏覽器版本是好方法嗎?
星期四, 7月 3rd, 2008我們先把話說在前頭, Javascript的所有函數並不適用在所有的瀏覽器, 這個大家都贊同吧?
所以你一定會跟我一樣想先擷取使用者的瀏覽器版本, 看看它是用IE, MOZILLA還是Opera等等的, 但這樣的方法真的好用嗎? 老實說這是相當難維護的, 因為瀏覽器會一直更新, 如果你都用IF ELSE來判斷它的版本應該會要一直更新吧, 而且你又要怎麼判斷你的使用者會不會比你更快更新它的瀏覽器呢?
舊的方法如下:
javascript:alert(navigator.userAgent);
如果你使用IE7, 它會回傳給你: Mozilla 4.0/ …..
這樣的方法真的不是很好, 在這裡有個不錯的方式來判斷:
if (typeof featureName != “undefined”) {
// 程式碼
}
舉例如下:
if (typeof document.getElementById != “undefined”) {
alert(”getelembyid is supported”);
} else {
alert(”no getelembyid support”);
}
我們要判斷瀏覽器是否支援getElementById 就可以直接用typeof document.xx != “undefined” 來判斷 如果使用者不支援這個函數你就可以再另外想辦法. 另外一種寫法如下:
var getElem = (typeof document.getElementById == “function”) ? true : false;
if (getElem) {
// 我們知道GetElementbyId是支援的,
// 所以我們就可以用它.
}
這樣是不是比較實際且容易維護呢?
Javascript 的addEventListener()及attachEvent()
星期四, 7月 3rd, 2008大家都知道事件的用法就是當某個事件(狀況)被觸發了之後就會去執行某個Function, 尤其是Javascript, 在當紅AJAX的催化下, 了解Javascript的Event用法更加重要, 在這裡就大概介紹一下Javascript的Event用法.
從W3C的發展時間軸來看, DOM(Document Object Model)的模型可以分為兩種, DOM 0 及 DOM 2. 從數字來看就可以知道DOM 0 當然是比較舊的協定, 我們可以從以下的表格來看:
DOM1 協定:
Event Name
Description
onblur()
The element has lost focus (that is, it is not selected by the user).
onchange0
The element has either changed (such as by typing into a text field) or the element has lost focus.
onclick0
The mouse has been clicked on [...]
很棒的Javascript除錯程式
星期二, 7月 1st, 2008一直以來Javascript的除錯都是非常煩人的步驟, 最近發現有個很棒的程式, 在這裡跟大家分享,
FireBug
這是Open Source軟體, 且完全免費, 是個搭配Firefox的Plugin, 它可以圖像化您的程式碼, 包括了HTML, CSS, 及javascript, 您可以通過它來觀看所有網頁, 不干擾您的瀏覽, 您也可以隨時把它關掉. 最棒的是它直接幫你把程式碼劃分好, 再除錯方面非常方便. 它佔的空間也很小喔~
更過詳情可參考: http://getfirebug.com/