在修改准备发的批量美化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 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
JavaScript 自动完成脚本整理(33个)
Oct 20 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
开启BootStrap学习之旅
May 04 Javascript
JavaScript核心语法总结(推荐)
Jun 02 Javascript
js实现文字超出部分用省略号代替实例代码
Sep 01 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
详解在Javascript中进行面向切面编程
Apr 28 Javascript
javascript中可能用得到的全部的排序算法
Mar 05 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
2007/02/23 Javascript
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
javaScript复制功能调用实现方案
2012/12/13 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
详解ES6中的代理模式——Proxy
2018/01/08 Javascript
利用angular、react和vue实现相同的面试题组件
2018/02/19 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
2018/08/07 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
javascript如何实现create方法
2019/11/04 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
python持久性管理pickle模块详细介绍
2015/02/18 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
python文本数据相似度的度量
2018/03/12 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
Python错误的处理方法
2020/06/23 Python
Python实现上下文管理器的方法
2020/08/07 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
HTML5中的postMessage API基本使用教程
2016/05/20 HTML / CSS
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
党的群众路线领导班子整改方案
2014/09/27 职场文书
2014年教学工作总结
2014/11/13 职场文书
企业承诺书格式范文
2015/04/28 职场文书
初中语文教师研修日志
2015/11/13 职场文书
创业计划书之干洗店
2019/09/10 职场文书