在修改准备发的批量美化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实现DIV的一些简单控制
Jun 04 Javascript
jquery 查找select ,并触发事件的实现代码
Mar 30 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 Javascript
使用vue-element-admin框架从后端动态获取菜单功能的实现
Apr 29 Vue.js
Ajax实现异步加载数据
Nov 17 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
兼容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
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
html 锁定页面(js遮罩层弹出div效果)
2009/10/27 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
js截取固定长度的中英文字符的简单实例
2013/11/22 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
vue2.0获取自定义属性的值
2017/03/28 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
Vue中使用webpack别名的方法实例详解
2018/06/19 Javascript
webpack实现一个行内样式px转vw的loader示例
2018/09/13 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
2018/10/19 Javascript
深入了解JavaScript 的 WebAssembly
2019/06/15 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
Python实现的HMacMD5加密算法示例
2018/04/03 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
python查看数据类型的方法
2019/10/12 Python
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
摄影实习自我鉴定
2013/09/20 职场文书
会计实习期自我鉴定
2013/10/06 职场文书
初婚未育未抱养证明
2014/01/12 职场文书
合作意向书范本
2014/03/31 职场文书
本科生自荐信
2014/06/18 职场文书
乡镇三严三实学习心得体会
2014/10/13 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
教师节倡议书2015
2015/04/27 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
运动会广播稿20字
2015/08/19 职场文书