在修改準備發(fā)的批量美化select+可修改select時,在非IE下發(fā)現(xiàn)了幾個問題
更新時間:2007年01月09日 00:00:00 作者:
發(fā)現(xiàn)的問題可能會陸續(xù)添加
1. Mozilla和Opera都不支持該字體,改掉DTD也是沒有效果。測試在Mozilla Firefox1.5, Opera9.0下都是顯示成Arial字體。而特殊符號是支持的。
如:
<body id="www.never-online.net">
<div style="font-family:Webdings">6</div>
<div>▼</div>
</body>
可以在不同瀏覽器打開,就可以看到區(qū)別了,以前不常用Webdings字體,現(xiàn)在才發(fā)現(xià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中動態(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控件對象上添加option,而要在options對象上添加option,因此也可以從這一點看出Mozilla中要求寫代碼很嚴格。
3.同樣的,在刪除時,用remove方法,但不同的是不在options對象上刪除option,而是在select控件對象上做的操作。代碼
<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這個option");
a.remove(0);
alert("現(xiàn)在刪除添加的option");
//]]>
</script>
1. Mozilla和Opera都不支持該字體,改掉DTD也是沒有效果。測試在Mozilla Firefox1.5, Opera9.0下都是顯示成Arial字體。而特殊符號是支持的。
如:
<body id="www.never-online.net">
<div style="font-family:Webdings">6</div>
<div>▼</div>
</body>
可以在不同瀏覽器打開,就可以看到區(qū)別了,以前不常用Webdings字體,現(xiàn)在才發(fā)現(xià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中動態(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控件對象上添加option,而要在options對象上添加option,因此也可以從這一點看出Mozilla中要求寫代碼很嚴格。
3.同樣的,在刪除時,用remove方法,但不同的是不在options對象上刪除option,而是在select控件對象上做的操作。代碼
<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這個option");
a.remove(0);
alert("現(xiàn)在刪除添加的option");
//]]>
</script>
相關文章
javascript TextArea動態(tài)顯示剩余字符
TextArea動態(tài)顯示輸入剩余字符2008-10-10javascript實現(xiàn)通過拼音首字母快速選擇下拉列表
比如,某選項的拼音首字母為"a",只要按下鍵盤上的"a",就可以快速選擇該項。 如何解決重音字 和兼容ff. ff下怎呢得到asc呢,忘高手指教2008-05-05