0 0

javascript兼容性问题如何解决?10

下面这段代码,在ie浏览器中可以实现浅入效果,可是在火狐和谷歌中不行,那如何解决这个浏览器兼容性问题呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function Draw(text)
{
if(document.all){
content.filters[0].apply();
content.innerHTML="<span style='color:#FF0000;font-size:40px;"+"filter:revealTrans(Transition=12,Duration=3)'>"+text+"</span>";
content.filters[0].play();

}
}
function button1_onclick()
{
Draw(input1.value);
}

</script>
</head>

<body>
<div id="content" style="filter:revealTrans(Transition=12,Duration=2); position:absolute; left:20px; top:100px; text-align:center; overflow:auto;"></div>
    <p>
    <input id="input1" style="width:100px; height:10px; size:auto;" />
    </p>
    <p>
    <input id="button1" type="button" name="button1" value="浅入效果" onclick="return button1_onclick()" />
    </p>
</body>
</html>
2013年6月21日 21:12

5个答案 按时间排序 按投票排序

0 0

采纳的答案

document.all本身就是ie独有的方法,这还一贯被用来判断是否是ie浏览器呢!如果所有的js操作都用jquery来做的话,基本上是不用考虑兼容性问题了!

2013年6月24日 00:01
0 0

如果是学习可以考虑自己实现,如果是为了完成工作用jquery吧

2013年10月15日 09:39
0 0

写了个IE能用的代码,想在CHROME下用,怎么可能呢。
直接使用JQUERY的效果就可以了。别费劲重新造轮子

2013年6月28日 14:50
0 0

用filter应该是IE ONLY
拿JQUERY吧,兼容性基本不用考虑的

2013年6月21日 23:25
0 0

试试这个框架,http://www.iteye.com/news/8316-javascript-compatibility-test

2013年6月21日 21:43

相关推荐

    javascript解决浏览器兼容性问题

    ### JavaScript 解决浏览器兼容性问题 #### 一、引言 在前端开发中,浏览器兼容性问题一直是开发者面临的重要挑战之一。随着不同浏览器版本的更新迭代,如何确保Web应用能够在各种浏览器环境中正常运行成为了关键...

    javascript兼容性解决方法大全

    本文将深入探讨如何解决JavaScript在Firefox(FF)和Internet Explorer(IE)等浏览器之间的兼容性问题。 首先,`window.event`对象是IE特有的,它包含了当前事件的相关信息,而在FF中,我们需要通过函数参数传递`...

    Firefox与IE浏览器的javascript兼容性问题

    本文将深入探讨这两个浏览器之间的 JavaScript 兼容性问题及其解决方案。 1. **文档对象模型 (DOM) 访问方式差异** - `document.form.item` 问题:IE 支持 `document.formName.item("itemName")`,而 MF 使用 `...

    JAVASCRIPT兼容性(一个文档和一本国外书)

    首先,JavaScript兼容性问题通常源于以下几个方面: 1. **语法差异**:不同浏览器对ECMAScript标准的实现可能不完全相同,导致某些语法特性在一些浏览器中不被支持。例如,早期版本的IE不支持ES6的箭头函数、模板...

    javascript在IE和Firefox中兼容性问题

    总的来说,解决JavaScript的兼容性问题需要对各个浏览器的特性有深入理解,并善于运用各种技巧,如条件注释、特征检测等,以确保代码能在多种浏览器环境中正常工作。同时,使用像jQuery这样的库可以极大地简化兼容性...

    2016年度最全整理浏览器兼容性问题与解决方案

    本文将针对标题和描述中提到的常见浏览器兼容性问题及其解决方案进行详细阐述。 首先,浏览器的解析差异是导致兼容性问题的主要原因。每个浏览器都有自己的内核,如Internet Explorer的 Trident、Firefox的 Gecko、...

    JS中出现的兼容性问题的总结.pdf

    接下来,将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式(CSS)问题: 通常情况下,我们可以通过JavaScript的style属性获取元素的内联样式,但对于行外样式(即通过CSS样式表设置的样式),...

    常见浏览器兼容性问题汇总

    【W3C标准规范】是解决浏览器兼容性问题的关键。万维网联盟(W3C)作为Web技术的标准制定机构,致力于推动Web的标准化,以确保不同平台和设备上的信息能够顺畅交流。例如,HTML、CSS、JavaScript等重要技术的规范都...

    解决ES6兼容性问题

    然而,这些新特性在一些旧版本的浏览器中并未得到全面支持,这就需要我们面对一个重要的问题:如何解决ES6的兼容性问题。标题中的“解决ES6兼容性问题”正是针对这一主题,而提供的两个文件`browser.min.js`和`...

    JavaScript中解决多浏览器兼容性23个问题的快速解决方法

    本文将围绕JavaScript中的多浏览器兼容性问题,介绍23个常见的问题及其快速解决方法。 1. 表单元素的访问问题:在IE浏览器中,可以通过document.formName.item(”itemName”)或者document.formName.elements[...

    html常见兼容性问题

    3. **JavaScript兼容性**:JavaScript的新特性也可能导致兼容性问题。使用Babel这样的工具将ES6+代码转换为广泛支持的ES5,可以解决这个问题。 4. **IE浏览器兼容**:Internet Explorer(尤其是早期版本)对许多...

    javascript解决innerText浏览器兼容问题思路代码.docx

    ### JavaScript 解决 `innerText` 浏览器兼容性问题 #### 背景介绍 在 Web 开发过程中,经常会遇到需要获取或修改 HTML 元素内部文本的需求。JavaScript 提供了多种方法来实现这一功能,其中较为常用的是 `...

    IE兼容性解决IE兼容性解决IE兼容性解决IE兼容性解决

    本文将深入探讨如何解决IE兼容性问题,尤其是针对IE8版本的优化策略。 一、理解IE的DOCTYPE及其影响 DOCTYPE声明在HTML文档的开头,用于告知浏览器应使用哪种HTML或XHTML规范来解析页面。IE浏览器在不同的DOCTYPE...

    解决使用flexpaper时兼容性问题

    本解答将详细介绍如何解决FlexPaper的兼容性问题以及`flexpaper_repair.js`在这个过程中的作用。 1. **理解FlexPaper的工作原理**: FlexPaper通过将文档转换为图片序列或HTML5 Canvas来实现跨浏览器的兼容性。它...

    Javascript的IE和Firefox兼容性问题集合

    以下是一些常见的JavaScript在IE和Firefox上的兼容性问题及其解决策略: 1. **事件处理**:IE使用attachEvent方法添加事件监听器,而Firefox则使用addEventListener。为确保兼容,可以创建一个跨浏览器的事件处理...

    JS的兼容性问题

    4. **框架与库的应用**:借助成熟的JavaScript框架和库(如jQuery)来处理兼容性问题。 5. **使用polyfill**:为旧版本浏览器提供缺失功能的实现。 6. **统一接口**:对于不同浏览器中存在差异的API,可以通过封装一...

    javascript解决IE9兼容.rar

    "javascript解决IE9兼容.rar"这个压缩包文件包含了解决IE9兼容性问题的一些关键资源,如检测浏览器类型和版本的代码、与IE8和IE9相关的注册表设置,以及解决页面兼容性问题的文本文件。以下将详细阐述这些知识点。 ...

    浏览器兼容性问题

    解决浏览器兼容性问题,开发者需要做的是深入理解W3C标准,学习如何编写符合标准的HTML、CSS和JavaScript代码。此外,使用条件注释、浏览器检测、特性检测等技术可以帮助我们针对不同浏览器编写兼容的代码。例如,...

Global site tag (gtag.js) - Google Analytics