在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题


Posted in Javascript onJanuary 09, 2007

发现的问题可能会陆续添加
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>

Javascript 相关文章推荐
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
jquery indexOf使用方法
Aug 19 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
在js文件中写el表达式取不到值的原因及解决方法
Dec 23 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
深入理解bootstrap框架之第二章整体架构
Oct 09 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
微信小程序webSocket的使用方法
Feb 20 Javascript
js实现鼠标点击飘爱心效果
Aug 19 Javascript
兼容Mozilla必须知道的知识。
Jan 09 #Javascript
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 #Javascript
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 #Javascript
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 #Javascript
一个对于js this关键字的问题
Jan 09 #Javascript
JS控件autocomplete 0.11演示及下载 1月5日已更新
Jan 09 #Javascript
根据分辩率调用不同的CSS.
Jan 08 #Javascript
You might like
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
PHP实现过滤掉非汉字字符只保留中文字符
2015/06/04 PHP
php可变长参数处理函数详解
2017/02/22 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
十大热门的JavaScript框架和库
2017/03/21 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
浅谈python装饰器探究与参数的领取
2017/12/01 Python
Python实现感知机(PLA)算法
2017/12/20 Python
对python捕获ctrl+c手工中断程序的两种方法详解
2018/12/26 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python生成并处理uuid的实现方式
2020/03/03 Python
在家更换处方镜片:Lensabl
2019/05/01 全球购物
异步传递消息系统的作用
2016/05/01 面试题
什么是封装
2013/03/26 面试题
环境工程大学生自荐信
2013/10/21 职场文书
电子专业毕业生自我鉴定
2014/01/22 职场文书
行政专员的岗位职责
2014/03/10 职场文书
离婚财产处理协议书
2014/09/30 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
《总之就是很可爱》新作短篇动画《总之就是很可爱~制服~》将于2022年夏天播出
2022/04/07 日漫
python绘制简单直方图(质量分布图)的方法
2022/04/21 Python