在修改准备发的批量美化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 相关文章推荐
JavaScript如何自定义trim方法
Jul 28 Javascript
js仿苹果iwatch外观的计时器代码分享
Aug 26 Javascript
jQuery多条件筛选如何实现
Nov 04 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
解决vue props 拿不到值的问题
Sep 11 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
Aug 21 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 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/03 咖啡文化
PHPLog php 程序调试追踪工具
2009/09/09 PHP
Codeigniter的dom类用法实例
2015/06/26 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
FF IE兼容性的修改小结
2009/09/02 Javascript
jquery 表单取值常用代码
2009/12/22 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
关于Vue单页面骨架屏实践记录
2017/12/13 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
[00:59]DOTA2荣耀之路1:Doom is back!weapon X!
2018/05/22 DOTA
Python实现字典的遍历与排序功能示例
2017/12/23 Python
Python正则表达式指南 推荐
2018/10/09 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
送货司机岗位职责
2013/12/11 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
Python爬虫爬取全球疫情数据并存储到mysql数据库的步骤
2021/03/29 Python
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS