在修改准备发的批量美化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 相关文章推荐
ExtJs中简单的登录界面制作方法
Aug 19 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
jQuery页面加载初始化的3种方法(推荐)
Jun 02 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
ES6新特性一: let和const命令详解
Apr 20 Javascript
Node.js安装配置图文教程
May 10 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
浅析Vue 生命周期
Jun 21 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 Javascript
用JS实现飞机大战小游戏
Jun 09 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中的字符串函数
2006/11/24 PHP
PHP静态类
2006/11/25 PHP
php实现映射操作实例详解
2019/10/02 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
jQuery中的$.ajax()方法应用
2014/05/06 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
JQuery动态添加和删除表格行的方法
2015/03/09 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
JQuery球队选择实例
2015/05/18 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
python生成IP段的方法
2015/07/07 Python
python使用mysql数据库示例代码
2017/05/21 Python
Python发送邮件功能示例【使用QQ邮箱】
2018/12/04 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python文件选择对话框的操作方法
2019/06/27 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
Python爬虫Scrapy框架CrawlSpider原理及使用案例
2020/11/20 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
骆驼官方商城:CAMEL
2016/11/22 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
小学生评语集锦
2014/04/18 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
倡议书格式
2014/08/30 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
元旦标语大全
2014/10/09 职场文书
2014年采购工作总结
2014/11/20 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
开网店计划分析
2019/07/30 职场文书