select控制項在Mozilla和Opera中的問題
來源:互聯網
上載者:User
select|控制項|問題 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>
可以在不同瀏覽器開啟,就可以看到區別了,以前不常用Webdings字型,現在才發現這個問題,所以以後還是用圖片做這些比較好了。
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中動態添加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("現在刪除添加的option");
//]]>
</script>