在修改准备发的批量美化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 相关文章推荐
onpropertypchange
Jul 01 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
js动态创建表格,删除行列的小例子
Jul 20 Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 Javascript
原生js编写焦点图效果
Dec 08 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
Angular中使用MathJax遇到的一些问题
Dec 15 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 Javascript
再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿
Dec 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
动易数据转成dedecms的php程序
2007/04/07 PHP
php中base_convert()进制数字转换函数实例
2014/11/20 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
JS 对象介绍
2010/01/20 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
require.js中的define函数详解
2017/07/10 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
2019/11/19 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
python 字符串split的用法分享
2013/03/23 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
TensorFlow实现Softmax回归模型
2018/03/09 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
PyQt4编程之让状态栏显示信息的方法
2019/06/18 Python
django中账号密码验证登陆功能的实现方法
2019/07/15 Python
使用python爬取抖音app视频的实例代码
2020/12/01 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
css3隔行变换色实现示例
2014/02/19 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(一)
2013/01/21 HTML / CSS
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
通信工程求职信
2014/07/16 职场文书
大学生团员个人总结
2015/02/14 职场文书
学校百日安全活动总结
2015/05/07 职场文书
小学主题班会教案
2015/08/17 职场文书
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers