在修改准备发的批量美化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 相关文章推荐
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
jquery.qtip提示信息插件用法简单实例
Jun 17 Javascript
Bootstrap表单布局
Jul 19 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
Jun 19 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
Apr 17 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
vue中 this.$set的使用详解
Nov 17 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
PHP实现的多维数组排序算法分析
2018/02/10 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
微信小程序tabBar设置实例解析
2019/11/14 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
python如何将图片转换素描画
2020/09/08 Python
python如何构建mock接口服务
2021/01/28 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
ESDlife健康生活易:身体检查预订、搜寻及比较
2019/05/10 全球购物
跟单文员的岗位职责
2013/11/14 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
国家机关领导干部民主生活会对照检查材料思想汇报
2014/09/17 职场文书
党员转正党支部意见
2015/06/02 职场文书
红色经典观后感
2015/06/18 职场文书
检讨书范文
2019/04/16 职场文书
Linux磁盘管理方法介绍
2022/06/01 Servers