在修改準(zhǔn)備發(fā)的批量美化select+可修改select時(shí),在非IE下發(fā)現(xiàn)了幾個(gè)問(wèn)題
更新時(shí)間:2007年01月09日 00:00:00 作者:
發(fā)現(xiàn)的問(wèn)題可能會(huì)陸續(xù)添加
1. Mozilla和Opera都不支持該字體,改掉DTD也是沒(méi)有效果。測(cè)試在Mozilla Firefox1.5, Opera9.0下都是顯示成Arial字體。而特殊符號(hào)是支持的。
如:
<body id="www.never-online.net">
<div style="font-family:Webdings">6</div>
<div>▼</div>
</body>
可以在不同瀏覽器打開(kāi),就可以看到區(qū)別了,以前不常用Webdings字體,現(xiàn)在才發(fā)現(xiàn)這個(gè)問(wèn)題,所以以后還是用圖片做這些比較好了。
2. 在IE和Opera中添加select控件的option,可以這樣
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.add(o);
//]]>
</script>
但是在Mozilla下是失敗的,將拋出異常。如果在Mozilla中動(dòng)態(tài)添加select控件的Option呢?只需要這樣
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.options.add(o);
//]]>
</script>
a.options.add(o);這句意思是不像在IE中可直接在select控件對(duì)象上添加option,而要在options對(duì)象上添加option,因此也可以從這一點(diǎn)看出Mozilla中要求寫(xiě)代碼很嚴(yán)格。
3.同樣的,在刪除時(shí),用remove方法,但不同的是不在options對(duì)象上刪除option,而是在select控件對(duì)象上做的操作。代碼
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online","a",false,false);
a.options.add(o);
alert("你可以看到添加了never-online這個(gè)option");
a.remove(0);
alert("現(xiàn)在刪除添加的option");
//]]>
</script>
1. Mozilla和Opera都不支持該字體,改掉DTD也是沒(méi)有效果。測(cè)試在Mozilla Firefox1.5, Opera9.0下都是顯示成Arial字體。而特殊符號(hào)是支持的。
如:
<body id="www.never-online.net">
<div style="font-family:Webdings">6</div>
<div>▼</div>
</body>
可以在不同瀏覽器打開(kāi),就可以看到區(qū)別了,以前不常用Webdings字體,現(xiàn)在才發(fā)現(xiàn)這個(gè)問(wèn)題,所以以后還是用圖片做這些比較好了。
2. 在IE和Opera中添加select控件的option,可以這樣
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.add(o);
//]]>
</script>
但是在Mozilla下是失敗的,將拋出異常。如果在Mozilla中動(dòng)態(tài)添加select控件的Option呢?只需要這樣
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online.net","a",false,false);
a.options.add(o);
//]]>
</script>
a.options.add(o);這句意思是不像在IE中可直接在select控件對(duì)象上添加option,而要在options對(duì)象上添加option,因此也可以從這一點(diǎn)看出Mozilla中要求寫(xiě)代碼很嚴(yán)格。
3.同樣的,在刪除時(shí),用remove方法,但不同的是不在options對(duì)象上刪除option,而是在select控件對(duì)象上做的操作。代碼
<select id="sel">
</select>
<script type="text/javascript">
//<![CDATA[
var a=document.getElementById("sel");
var o=new Option("never-online","a",false,false);
a.options.add(o);
alert("你可以看到添加了never-online這個(gè)option");
a.remove(0);
alert("現(xiàn)在刪除添加的option");
//]]>
</script>
相關(guān)文章
文本框點(diǎn)擊時(shí)文字消失,失去焦點(diǎn)時(shí)文字出現(xiàn)
這個(gè)功能主要用戶搜索關(guān)鍵字框中,提示用戶輸入關(guān)鍵字,代碼清晰,比原理的功能要好很多,推薦使用2008-09-09輸入文字自動(dòng)變化寬度的INPUT,帶計(jì)數(shù)(圖)
隨著輸入文字的多少自動(dòng)變化寬度的INPUT,帶計(jì)數(shù)2008-11-11簡(jiǎn)單form標(biāo)準(zhǔn)化實(shí)例——語(yǔ)義結(jié)構(gòu)
簡(jiǎn)單form標(biāo)準(zhǔn)化實(shí)例——語(yǔ)義結(jié)構(gòu)...2007-02-02用于判斷用戶注冊(cè)時(shí),密碼強(qiáng)度的JS代碼
原理及是根據(jù)輸入字符的類別,是字母,還是數(shù)字,大小寫(xiě)等判斷,代碼 比較精簡(jiǎn),大家可以研究下。2009-01-01select 控制網(wǎng)頁(yè)內(nèi)容隱藏于顯示的實(shí)現(xiàn)代碼
js下通過(guò)select的控制實(shí)現(xiàn)內(nèi)容的隱藏于顯示,需要的朋友可以參考下。2010-05-05javascript TextArea動(dòng)態(tài)顯示剩余字符
TextArea動(dòng)態(tài)顯示輸入剩余字符2008-10-10javascript實(shí)現(xiàn)通過(guò)拼音首字母快速選擇下拉列表
比如,某選項(xiàng)的拼音首字母為"a",只要按下鍵盤(pán)上的"a",就可以快速選擇該項(xiàng)。 如何解決重音字 和兼容ff. ff下怎呢得到asc呢,忘高手指教2008-05-05