在修改准备发的批量美化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中offset、client、scroll的属性总结
Aug 13 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
详解用webpack2搭建angular2的项目
Jun 22 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
基于vue、react实现倒计时效果
Aug 26 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 Javascript
React Native项目框架搭建的一些心得体会
May 28 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
JS验证日期的格式YYYY-mm-dd 具体实现
2013/06/29 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
深入理解Javascript中的作用域链和闭包
2017/04/25 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Redis使用watch完成秒杀抢购功能的代码
2018/05/07 Python
Python3+Appium安装使用教程
2019/07/05 Python
基于Python的OCR实现示例
2020/04/03 Python
分解成质因数(如435234=251*17*17*3*2,据说是华为笔试题)
2014/07/16 面试题
高二英语教学反思
2014/01/19 职场文书
前处理班长职位说明书
2014/03/01 职场文书
保研推荐信
2014/05/09 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
依法行政工作汇报
2014/10/28 职场文书
项目技术负责人岗位职责
2015/04/13 职场文书
酒店前台岗位职责
2015/04/16 职场文书
生日寿星公答谢词
2015/09/29 职场文书
python爬取豆瓣电影TOP250数据
2021/05/23 Python
MySQL多表查询机制
2022/03/17 MySQL