在修改准备发的批量美化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 相关文章推荐
JS简单计算器实例
Jan 20 Javascript
node+express制作爬虫教程
Nov 11 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
vue生命周期实例小结
Aug 15 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
从0到1构建vueSSR项目之路由的构建
Mar 07 Javascript
vue 解决setTimeOut和setInterval函数无效报错的问题
Jul 30 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 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页面运行时间的函数介绍
2013/07/01 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
php数据类型判断函数有哪些
2013/09/23 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
用jquery来定位
2007/02/20 Javascript
JavaScript代码复用模式实例分析
2012/12/02 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
通俗易懂地解释JS中的闭包
2017/10/23 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
Python 初始化多维数组代码
2008/09/06 Python
python 合并文件的具体实例
2013/08/08 Python
Python中关键字is与==的区别简述
2014/07/31 Python
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python日期的加减等操作的示例
2017/08/15 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python中的global关键字的使用方法
2019/08/20 Python
python使用bs4爬取boss直聘静态页面
2020/10/10 Python
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
环境科学专业个人求职信
2013/12/15 职场文书
护士求职自荐信范文
2014/03/19 职场文书
外国人聘用意向书
2014/04/01 职场文书
公民代理授权委托书
2014/09/24 职场文书
实习班主任自我评价
2015/03/11 职场文书
基于Python编写一个监控CPU的应用系统
2022/06/25 Python