在修改準備發的批量美化select+可修改select時,在非IE下發現了幾
2024-09-06 12:43:56
供稿:網友
發現的問題可能會陸續添加
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>