在修改准备发的批量美化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 相关文章推荐
读jQuery之一(对象的组成)
Jun 11 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
May 08 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
javascript特殊文本输入框网页特效
Sep 13 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
AJAX实现省市县三级联动效果
Oct 16 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 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 检查扩展库或函数是否可用的代码
2010/04/06 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
2010/06/28 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
2012/02/27 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
javascript操作cookie
2017/01/17 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
学习python (1)
2006/10/31 Python
Python contextlib模块使用示例
2015/02/18 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
中式面点餐厅创业计划书
2014/01/29 职场文书
优秀乡村医生事迹材料
2014/05/28 职场文书
公司活动总结怎么写
2014/06/25 职场文书
新课培训心得体会
2014/09/03 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
党校学习党性分析材料
2014/12/19 职场文书
信息技术课教学反思
2016/02/23 职场文书
python 对图片进行简单的处理
2021/06/23 Python
python+pyhyper实现识别图片中的车牌号思路详解
2022/12/24 Python
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技