1. document.form.item 問題
(1)現(xiàn)有問題：
現(xiàn)有代碼中存在許多 document.formName.item("itemName") 這樣的語句，不能在 MF 下運(yùn)行
(2)解決方法：
改用 document.formName.elements["elementName"]
(3)其它
參見 2
2. 集合類對象問題
(1)現(xiàn)有問題：
現(xiàn)有代碼中許多集合類對象取用時(shí)使用 ()，IE 能接受，MF 不能。
(2)解決方法：
改用 [] 作為下標(biāo)運(yùn)算。如：document.forms("formName") 改為 document.forms["formName"]。
又如：document.getElementsByName("inputName")(1) 改為 document.getElementsByName("inputName")[1]
3. window.event
(1)現(xiàn)有問題：
使用 window.event 無法在 MF 上運(yùn)行
(2)解決方法：
MF 的 event 只能在事件發(fā)生的現(xiàn)場使用，此問題暫無法解決。可以這樣變通：
原代碼(可在IE中運(yùn)行)：
...
新代碼(可在IE和MF中運(yùn)行)：
...
此外，如果新代碼中第一行不改，與老代碼一樣的話(即 gotoSubmit 調(diào)用沒有給參數(shù))，則仍然只能在IE中運(yùn)行，但不會出錯(cuò)。所以，這種方案 tpl 部分仍與老代碼兼容。
4. HTML 對象的 id 作為對象名的問題
(1)現(xiàn)有問題
在 IE 中，HTML 對象的 ID 可以作為 document 的下屬對象變量名直接使用。在 MF 中不能。
(2)解決方法
用 getElementById("idName") 代替 idName 作為對象變量使用。
5. 用idName字符串取得對象的問題
(1)現(xiàn)有問題
在IE中，利用 eval(idName) 可以取得 id 為 idName 的 HTML 對象，在MF 中不能。
(2)解決方法
用 getElementById(idName) 代替 eval(idName)。
6. 變量名與某 HTML 對象 id 相同的問題
(1)現(xiàn)有問題
在 MF 中，因?yàn)閷ο?id 不作為 HTML 對象的名稱，所以可以使用與 HTML 對象 id 相同的變量名，IE 中不能。
(2)解決方法
在聲明變量時(shí)，一律加上 var ，以避免歧義，這樣在 IE 中亦可正常運(yùn)行。
此外，最好不要取與 HTML 對象 id 相同的變量名，以減少錯(cuò)誤。
(3)其它
參見 問題4
[NextPage]
7. event.x 與 event.y 問題
(1)現(xiàn)有問題
在IE 中，event 對象有 x, y 屬性，MF中沒有。
(2)解決方法
在MF中，與event.x 等效的是 event.pageX。但event.pageX IE中沒有。
故采用 event.clientX 代替 event.x。在IE 中也有這個(gè)變量。
event.clientX 與 event.pageX 有微妙的差別（當(dāng)整個(gè)頁面有滾動條的時(shí)候），不過大多數(shù)時(shí)候是等效的。
如果要完全一樣，可以稍麻煩些：
mX = event.x ? event.x : event.pageX;
然后用 mX 代替 event.x
(3)其它
event.layerX 在 IE 與 MF 中都有，具體意義有無差別尚未試驗(yàn)。
8. 關(guān)于frame
(1)現(xiàn)有問題
在 IE中 可以用window.testFrame取得該frame，mf中不行
(2)解決方法
在frame的使用方面mf和ie的最主要的區(qū)別是：
如果在frame標(biāo)簽中書寫了以下屬性：
那么ie可以通過id或者name訪問這個(gè)frame對應(yīng)的window對象
而mf只可以通過name來訪問這個(gè)frame對應(yīng)的window對象
例如如果上述frame標(biāo)簽寫在最上層的window里面的htm里面，那么可以這樣訪問
ie： window.top.frameId或者window.top.frameName來訪問這個(gè)window對象
mf： 只能這樣window.top.frameName來訪問這個(gè)window對象
另外，在mf和ie中都可以使用window.top.document.getElementById("frameId")來訪問frame標(biāo)簽
并且可以通過window.top.document.getElementById("testFrame").src = ‘xx.htm’來切換frame的內(nèi)容
也都可以通過window.top.frameName.location = ‘xx.htm’來切換frame的內(nèi)容
關(guān)于frame和window的描述可以參見bbs的‘window與frame’文章
以及/test/js/test_frame/目錄下面的測試
----adun 2004.12.09修改
9. 在mf中，自己定義的屬性必須getAttribute()取得
10.在mf中沒有 parentElement parement.children 而用parentNode parentNode.childNodes
childNodes的下標(biāo)的含義在IE和MF中不同，MF使用DOM規(guī)范，childNodes中會插入空白文本節(jié)點(diǎn)。
一般可以通過node.getElementsByTagName()來回避這個(gè)問題。
當(dāng)html中節(jié)點(diǎn)缺失時(shí)，IE和MF對parentNode的解釋不同，例如
MF中input.parentNode的值為form, 而IE中input.parentNode的值為空節(jié)點(diǎn)
MF中節(jié)點(diǎn)沒有removeNode方法，必須使用如下方法 node.parentNode.removeChild(node)
11.const 問題
(1)現(xiàn)有問題:
在 IE 中不能使用 const 關(guān)鍵字。如 const constVar = 32; 在IE中這是語法錯(cuò)誤。
(2)解決方法:
不使用 const ，以 var 代替。
12. body 對象
MF的body在body標(biāo)簽沒有被瀏覽器完全讀入之前就存在，而IE則必須在body完全被讀入之后才存在
13. url encoding
在js中如果書寫url就直接寫&不要寫&例如var url = ‘xx.jsp?objectName=xx&objectEvent=xxx’;
frm.action = url那么很有可能url不會被正常顯示以至于參數(shù)沒有正確的傳到服務(wù)器
一般會服務(wù)器報(bào)錯(cuò)參數(shù)沒有找到
當(dāng)然如果是在tpl中例外，因?yàn)閠pl中符合xml規(guī)范，要求&書寫為&
一般MF無法識別js中的&
14. nodeName 和 tagName 問題
(1)現(xiàn)有問題：
在MF中，所有節(jié)點(diǎn)均有 nodeName 值，但 textNode 沒有 tagName 值。在 IE 中，nodeName 的使用好象
有問題（具體情況沒有測試，但我的IE已經(jīng)死了好幾次）。
(2)解決方法：
使用 tagName，但應(yīng)檢測其是否為空。
15. 元素屬性
IE下 input.type屬性為只讀，但是MF下可以修改
js常用代碼
event.clientX 返回最后一次點(diǎn)擊鼠標(biāo)X坐標(biāo)值；
event.clientY 返回最后一次點(diǎn)擊鼠標(biāo)Y坐標(biāo)值；
event.offsetX 返回當(dāng)前鼠標(biāo)懸停X坐標(biāo)值
event.offsetY 返回當(dāng)前鼠標(biāo)懸停Y坐標(biāo)值
document.write(document.lastModified) 網(wǎng)頁最后一次更新時(shí)間
document.ondblclick=x 當(dāng)雙擊鼠標(biāo)產(chǎn)生事件
document.onmousedown=x 單擊鼠標(biāo)鍵產(chǎn)生事件
document.body.scrollTop; 返回和設(shè)置當(dāng)前豎向滾動條的坐標(biāo)值，須與函數(shù)配合,
document.body.scrollLeft; 返回和設(shè)置當(dāng)前橫向滾動務(wù)的坐標(biāo)值，須與函數(shù)配合，
document.title document.title="message"; 當(dāng)前窗口的標(biāo)題欄文字
document.bgcolor document.bgcolor="顏色值"; 改變窗口背景顏色
document.Fgcolor document.Fgcolor="顏色值"; 改變正文顏色
document.linkcolor document.linkcolor="顏色值"; 改變超聯(lián)接顏色
document.alinkcolor document.alinkcolor="顏色值"; 改變正點(diǎn)擊聯(lián)接的顏色
document.VlinkColor document.VlinkColor="顏色值"; 改變已訪問聯(lián)接的顏色
document.forms.length 返回當(dāng)前頁form表單數(shù)
document.anchors.length 返回當(dāng)前頁錨的數(shù)量
document.links.length 返回當(dāng)前頁聯(lián)接的數(shù)量
document.onmousedown=x 單擊鼠標(biāo)觸發(fā)事件
document.ondblclick=x 雙擊鼠標(biāo)觸發(fā)事件
defaultStatus window.status=defaultStatus; 將狀態(tài)欄設(shè)置默認(rèn)顯示
function function xx(){...} 定義函數(shù)
isNumeric 判斷是否是數(shù)字
innerHTML xx=對象.innerHTML 輸入某對象標(biāo)簽中的html源代碼
innerText divid.innerText=xx 將以div定位以id命名的對象值設(shè)為XX
location.reload(); 使本頁刷新，target可等于一個(gè)刷新的網(wǎng)頁
Math.random() 隨機(jī)涵數(shù),只能是0到1之間的數(shù),如果要得到其它數(shù),可以為*10,再取整
Math.floor(number) 將對象number轉(zhuǎn)為整數(shù)，舍取所有小數(shù)
Math.min(1,2) 返回1,2哪個(gè)小
Math.max(1,2) 返回1,2哪個(gè)大
navigator.appName 返回當(dāng)前瀏覽器名稱
navigator.appVersion 返回當(dāng)前瀏覽器版本號
navigator.appCodeName 返回當(dāng)前瀏覽器代碼名字
navigator.userAgent 返回當(dāng)前瀏覽器用戶代標(biāo)志
onsubmit onsubmit="return(xx())" 使用函數(shù)返回值
opener opener.document.對象 控制原打開窗體對象
prompt xx=window.prompt("提示信息","預(yù)定值"); 輸入語句
parent parent.框架名.對象 控制框架頁面
return return false 返回值
random 隨機(jī)參數(shù)（0至1之間）
reset() form.reset(); 使form表單內(nèi)的數(shù)據(jù)重置
split("") string.split("") 將string對象字符以逗號隔開
submit() form對象.submit() 使form對象提交數(shù)據(jù)
String對象的 charAt(x)對象 反回指定對象的第多少位的字母
lastIndexOf("string") 從右到左詢找指定字符，沒有返回-1
indexOf("string") 從左到右詢找指定字符，沒有返回-1
LowerCase() 將對象全部轉(zhuǎn)為小寫
UpperCase() 將對象全部轉(zhuǎn)為大寫
substring(0,5) string.substring(x,x) 返回對象中從0到5的字符
setTimeout("function",time) 設(shè)置一個(gè)超時(shí)對象
setInterval("function",time) 設(shè)置一個(gè)超時(shí)對象
toLocaleString() x.toLocaleString() 從x時(shí)間對象中獲取時(shí)間，以字符串型式存在
typeof(變量名) 檢查變量的類型，值有：String,Boolean,Object,Function,Underfined
window.event.button==1/2/3 鼠標(biāo)鍵左鍵等于1右鍵等于2兩個(gè)鍵一起按為3
window.screen.availWidth 返回當(dāng)前屏幕寬度(空白空間)
window.screen.availHeight 返回當(dāng)前屏幕高度(空白空間)
window.screen.width 返回當(dāng)前屏幕寬度(分辨率值)
window.screen.height 返回當(dāng)前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回當(dāng)前網(wǎng)頁高度
window.document.body.offsetWidth; 返回當(dāng)前網(wǎng)頁寬度
window.resizeTo(0,0) 將窗口設(shè)置寬高
window.moveTo(0,0) 將窗口移到某位置
window.focus() 使當(dāng)前窗口獲得焦點(diǎn)
window.scroll(x,y) 窗口滾動條坐標(biāo)，y控制上下移動，須與函數(shù)配合
window.open() window.open("地址","名稱","屬性")
屬性:toolbar(工具欄),location(地址欄),directions,status(狀態(tài)欄),
menubar (菜單欄),scrollbar(滾動條),resizable(改變大小), width(寬),height(高),fullscreen(全屏),scrollbars(全屏?xí)r無滾動條無參 數(shù),channelmode(寬屏),left(打開窗口x坐標(biāo)),top(打開窗口y坐標(biāo))
window.location = 'view-source:' + window.location.href 應(yīng)用事件查看網(wǎng)頁源代碼;
a=new Date(); //創(chuàng)建a為一個(gè)新的時(shí)期對象
y=a.getYear(); //y的值為從對象a中獲取年份值 兩位數(shù)年份
y1=a.getFullYear(); //獲取全年份數(shù) 四位數(shù)年份
m=a.getMonth(); //獲取月份值
d=a.getDate(); //獲取日期值
d1=a.getDay(); //獲取當(dāng)前星期值
h=a.getHours(); //獲取當(dāng)前小時(shí)數(shù)
m1=a.getMinutes(); //獲取當(dāng)前分鐘數(shù)
s=a.getSeconds(); //獲取當(dāng)前秒鐘數(shù)
對象.style.fontSize="文字大小";
單位：mm/cm/in英寸/pc帕/pt點(diǎn)/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辯率下)
文本字體屬性：
fontSize大小
family字體
color顏色
fontStyle風(fēng)格，取值為normal一般,italic斜體,oblique斜體且加粗
fontWeight加粗,取值為100到900不等,900最粗,light,normal,bold
letterSpacing間距,更改文字間距離,取值為,1pt,10px,1cm
textDecoration:文字修飾;取值,none不修飾,underline下劃線,overline上劃線
background:文字背景顏色,
backgroundImage:背景圖片,取值為圖片的插入路徑
點(diǎn)擊網(wǎng)頁正文函數(shù)調(diào)用觸發(fā)器：
1.onClick 當(dāng)對象被點(diǎn)擊
2.onLoad 當(dāng)網(wǎng)頁打開,只能書寫在body中
3.onUnload 當(dāng)網(wǎng)頁關(guān)閉或離開時(shí),只能書寫在body中
4.onmouseover 當(dāng)鼠標(biāo)懸于其上時(shí)
5.onmouseout 當(dāng)鼠標(biāo)離開對象時(shí)
6.onmouseup 當(dāng)鼠標(biāo)松開
7.onmousedown 當(dāng)鼠標(biāo)按下鍵
8.onFocus 當(dāng)對象獲取焦點(diǎn)時(shí)
9.onSelect 當(dāng)對象的文本被選中時(shí)
10.onChange 當(dāng)對象的內(nèi)容被改變
11.onBlur 當(dāng)對象失去焦點(diǎn)
onsubmit=return(ss())表單調(diào)用時(shí)返回的值
直線 border-bottom:1x solid black
虛線 border-bottom:1x dotted black
點(diǎn)劃線 border-bottom:2x dashed black
雙線 border-bottom:5x double black
槽狀 border-bottom:1x groove black
脊?fàn)?border-bottom:1x ridge black
1.邊緣高光glow(color=顏色,strength=亮光大小)
2.水平翻轉(zhuǎn)fliph() 使對象水平翻轉(zhuǎn)180度
3.垂直翻轉(zhuǎn)flipv() 使對象垂直翻轉(zhuǎn)180度
4.對象模糊blur(add=true/false direction=方向 strength=強(qiáng)度)
add指定是否按印象畫派進(jìn)行模糊direction模糊方向strength模糊強(qiáng)度
5.對象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction對象整體不透明值finishopacity當(dāng)對象利用了漸透明時(shí)該項(xiàng)指定結(jié)束透明位置的不透明值style指定透明方式0為整體透明，1為線型透明，2為圓型透明，3為矩形透明
6.去除顏色chroma(color=顏色值)使對象中顏色與指定顏色相同區(qū)域透明
7.建立陰影dropshadow(color=陰影顏色,offx=水平向左偏離像素,offy=水平向下偏離像素)
8.去色gray()使對象呈灰度顯示
9.負(fù)片效果invert()使對象呈底片效果
10.高光light()使對象呈黑色顯示
11.遮蓋mask(color=顏色)使整個(gè)對象以指定顏色進(jìn)行蒙板一次
opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要設(shè)置的漸變透明效果.0~100.
style 表透明區(qū)的形狀.0表統(tǒng)一形狀.1表線形.2表放射形.3表長方形.
startx.starty表漸變透明效果的開始時(shí)X和Y坐標(biāo).
finishx,finishy漸變透明效果結(jié)束時(shí)x,y 的坐標(biāo).
add有來確定是否在模糊效果中使有原有目標(biāo).值為0,1.0表"否",1表"是".
direction設(shè)置模糊的方向.0度表垂直向上,45度為一個(gè)單位.默認(rèn)值是向左270度.left,right,down,up.
strength 只能用整數(shù)來確定.代表有多少個(gè)像素的寬度將受到模糊影響.默認(rèn)是5個(gè).
color要透明的顏色.
offx,offy分別是x,y 方向陰影的偏移量.
positive指投影方式.0表透明像素生成陰影.1表只給出不透明像素生成陰影..
AddAmbient:加入包圍的光源.
AddCone:加入錐形光源.
AddPoint加入點(diǎn)光源
Changcolor:改變光的顏色．
Changstrength:改變光源的強(qiáng)度．
Clear:清除所有的光源．
MoveLight:移動光源．
freq是波紋的頻率，在指定在對象上一區(qū)需要產(chǎn)生多少個(gè)完事的波紋．
lightstrength可對于波紋增強(qiáng)光影的效果．顯著0~100正整數(shù)，正弦波開始位置是0~360度．0表從0度開始，25表從90度開始．
strength表振幅大小．
hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"
web交互界面易用性設(shè)計(jì)和驗(yàn)收的指導(dǎo)性原則
隨著企業(yè)intranet和國際internet的迅速發(fā)展，越來越多的工作流程，商務(wù)交易，教育、培訓(xùn)、會議和講座，以及個(gè)人消費(fèi)娛樂都被轉(zhuǎn)移到所謂的萬維網(wǎng)（World?Wide?Web，以下簡稱WEB）上來了。與此相對應(yīng)的是交互操作的復(fù)雜性越來越高。
隨著Browser/Server模式的日漸流行，很多操作都是在瀏覽器環(huán)境下的網(wǎng)頁上完成的，并不是只有失效的鏈接和意外的出錯(cuò)才會使操作者感到煩惱，即便是一次完整的成功操作過程，也可能因?yàn)椴僮鞯姆睆?fù)性過高或者使用上的不方便而給操作者帶來不愉快的體驗(yàn)。
本文試圖闡述WEB交互頁面設(shè)計(jì)的一些指導(dǎo)性原則，這些原則有利于避免發(fā)生不愉快的操作體驗(yàn)。這些原則是用戶友好性的，是在完成同一種操作要求下，使用戶最感到輕松、簡單、舒適的WEB交互界面設(shè)計(jì)原則。我們假定我們討論的WEB頁面都是功能正常的，符合美學(xué)觀點(diǎn)的。需要說明我們討論的原則可能會和設(shè)計(jì)上的美學(xué)觀點(diǎn)以及既有的功能設(shè)計(jì)有所沖突。如果發(fā)生這種情況，基于“實(shí)用的就是美的”觀點(diǎn)，我們會建議您酌情放棄原先的美學(xué)觀點(diǎn)與功能設(shè)計(jì)。
?
1．?輸入控件的自動聚焦和可用鍵盤切換輸入焦點(diǎn)?
使用JavaScript實(shí)現(xiàn)頁面加載完成后立即自動聚焦(focus)到第一個(gè)輸入控件。可用TAB鍵（IE缺省實(shí)現(xiàn)）或方向鍵切換聚焦到下一個(gè)輸入控件。?
輸入控件指WEB頁面表單(