繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题
- Javascript
- javascript下拉框不被选中大类的区别方法
- firefox浏览器下javascript 拖动层效果与原理分析代码
- javascript 常用关键字列表集合
- [原创]后缀就扩展名为js的文件是什么文件
- 初学JS的的小例子 javascript replace高亮替换
- 项目实践之javascript技巧
- 不间断滚动JS打包类，基本可以实现所有的滚动效果，太强了
- javascript数组使用调用方法汇总
- JS的递增/递减运算符和带操作的赋值运算符的等价式
- JavaScript开发时的五个注意事项
- js中将多个语句写成一个语句的两种方法小结
- javascript while语句和do while语句的区别分析
- 带参数的function 的自运行效果代码
- 看了就知道什么是JSON
- js模拟实现Array的sort方法
- JavaScript创建命名空间(namespace)的最简实现
- 文本链接逐个出现的js脚本
- 我见过最全的个人js加解密功能页面
- CLASS_CONFUSION JS混淆 全源码
- javascript轻松控制表格列样式的脚本代码
Javascript 中的 在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 304 ::
收藏到网摘: n/a
发现的问题可能会陆续添加
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>
评论 (0) All
