快捷導(dǎo)航

在修改準(zhǔn)備發(fā)的批量美化select+可修改select時(shí)，在非IE下發(fā)現(xiàn)了幾個(gè)問題

更新時(shí)間：2007年01月09日 00:00:00 作者：

發(fā)現(xiàn)的問題可能會(huì)陸續(xù)添加
1. Mozilla和Opera都不支持該字體，改掉DTD也是沒有效果。測(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>
可以在不同瀏覽器打開，就可以看到區(qū)別了，以前不常用Webdings字體，現(xiàn)在才發(fā)現(xiàn)這個(gè)問題，所以以后還是用圖片做這些比較好了。

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中要求寫代碼很嚴(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>

您可能感興趣的文章: