在修改准备发的批量美化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之HTMLCollection接口代码
Apr 27 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
jQuery中removeProp()方法用法实例
Jan 05 Javascript
javascript白色简洁计算器
May 04 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
vue-music关于Player播放器组件详解
Nov 28 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
ES6 Generator函数的应用实例分析
Jun 26 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 Javascript
js仿淘宝放大镜效果
Dec 28 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
joomla组件开发入门教程
2016/05/04 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
jquery给图片添加鼠标经过时的边框效果
2013/11/12 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
[02:04]2018DOTA2亚洲邀请赛Secret赛前采访
2018/04/03 DOTA
从零学Python之入门(三)序列
2014/05/25 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python实现可设置持续运行时间、线程数及时间间隔的多线程异步post请求功能
2018/01/11 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
python实现淘宝秒杀脚本
2020/06/23 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
用pycharm开发django项目示例代码
2019/06/13 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
python 实现目录复制的三种小结
2019/12/04 Python
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
网络教育自我鉴定
2014/02/04 职场文书
2014年创卫实施方案
2014/02/18 职场文书
给男朋友的道歉短信
2015/05/12 职场文书
Angular CLI发布路径的配置项浅析
2021/03/29 Javascript
P站美图推荐——变身女主角特辑
2022/03/20 日漫