浏览器的那些事

最新推荐文章于 2024-09-26 18:34:44 发布

louis_tang

最新推荐文章于 2024-09-26 18:34:44 发布

阅读量143

点赞数

文章标签：浏览器 firefox ie xhtml html javascript

本文链接：https://blog.csdn.net/louis_tang/article/details/6338722

版权

（对近来网页开发的一些经验教训的一点总结）

1.浏览器的兼容问题雀湿非常棘手。

首先IE与其他W3C标准盒子浏览器拥有不一样的盒子模型。这一点的差别首先就是IE盒子的content包括了padding和border，因此在计算element的width和height的时候就会出现不同，因此有两种解决方法。

a.在IE中使用W3C的盒子。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

对，就是这么简单的一句在<html>标签前的DTD声明。

b.在CSS样式中使用"!important”以及"*”。*对于Ie系列浏览器都能够识别， firefox 浏览器则不能识别;
!important只有Ie7.0和firefox可以识别，但是Ie6.0不能成功应用。因此将不能识别的浏览器需要的属性放在前面，能识别的浏览器需要的属性放在后面并且加上"!important"或者"*"就行。

2.对于需要在javascript代码中指定某一元素的某一属性时，最好在html标签中显式的写出来（就算是没有初值）。e.g.<img id="myimg" src3.对于服务器端返回的是string类型的json数据时，就需要先将string转换成json对象了。这里，要使用到eval()函数。e.g. var jsonObj = eval("("+strObj+")");

4.如何获得远程图片的size。我的经验是，必须等待<img>对象加载完成后取得才靠谱。调用dom的onload事件。="">。

5.表单提交时自动复制到剪贴板，提交失败后不需要用户重复填写。

//复制表单内容到剪贴板
function copyok(it){
var a=it.content.value;
window.clipboardData.setData('Text',a); //复制到剪贴板
alert("提示：内容已经复制到剪贴板！/n/n如果提交失败，可以直接粘贴！");

然后同样在form里加入一句：οnsubmit="return copyok(this);" 就ok了。