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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.