在修改准备发的批量美化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 相关文章推荐
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
小程序实现投票进度条
Nov 20 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
Mar 06 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
php中var_export与var_dump的区别分析
2010/08/21 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
PHP实现的日历功能示例
2018/09/01 PHP
Thinkphp 框架扩展之Widget扩展实现方法分析
2020/04/23 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
jquery 3D球状导航的文章分类
2010/07/06 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
js如何打印object对象
2015/10/16 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
Python使用turtule画五角星的方法
2015/07/09 Python
PYTHON压平嵌套列表的简单实现
2016/06/08 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
Python实现k-means算法
2018/02/23 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
flask中过滤器的使用详解
2018/08/01 Python
python 拼接文件路径的方法
2018/10/23 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
django ajax发送post请求的两种方法
2020/01/05 Python
python opencv实现图像配准与比较
2021/02/09 Python
adidas官方旗舰店:德国运动用品制造商
2017/11/25 全球购物
高中家长意见怎么写
2015/06/03 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
JS ES6异步解决方案
2021/04/29 Javascript
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python