工作中调用了reset();方法，因为我们做的项目需要兼容主流的浏览器，所以程序没问题后在火狐中测试了一下，发现表单中type="hidden"的值并没有被初始化，感觉很奇怪，多次测试后，得出reset();方法在火狐和CHROME浏览器中都存在这样的问题，IE的各个版本都没问题，测试的代码如下，有兴趣的朋友可以试试看，以后碰到这样的问题需要留心注意一下。
<html>
<script language="javascript">
function setValue() {
document.getElementById("hideTest").value = "hideTest有值哦！";
document.getElementById("test").value = "test我有值哦！";
alert("hidden对象的值：" + document.getElementById("hideTest").value + "\n" + "text对象的值：" + document.getElementById("test").value);
}
function delValue() {
document.getElementById("actionForm").reset();
alert("hidden对象的值：" + document.getElementById("hideTest").value + "\n" + "text对象的值：" + document.getElementById("test").value);
}
</script>
<body>
<form id = "actionForm">
<table>
<tr>
<td>
<input type="hidden" id = "hideTest" name = "hideTest" />
</td>
<td>
<input type="text" id = "test" name = "test" />
</td>
<td>
<input type="button" value = "给对象赋值" onclick = "setValue();" />
</td>
<td>
<input type="button" value = "删除对象的值" onclick = "delValue();" />
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
【处理兼容性问题的方法】通常包括以下几点： 1. **使用标准兼容的HTML和CSS**：遵循W3C的推荐标准编写代码，尽量避免使用特定浏览器的私有属性。 2. **使用前缀**：对于某些浏览器特有的CSS特性，使用相应的前缀，...
浏览器兼容性问题一直是前端开发中的重要议题，尤其是在...在实际开发中，还可以借助工具如Autoprefixer自动添加浏览器前缀，以及使用 Normalize.css 或 Reset CSS 来统一浏览器默认样式，进一步简化兼容性问题的处理。
处理CSS兼容性问题的方法包括： - **逐步增强**：首先保证在基础浏览器（如最新版的Firefox、Chrome等）上的正常显示，然后逐步添加额外样式以适应其他浏览器。 - **优雅降级**：为旧版浏览器编写基础样式，然后...
在IT领域，尤其是在个人计算机硬件升级的过程中，老主板与新核心CPU的兼容性问题是一个常见的挑战。本文将详细探讨这个问题，以及其背后的原因和解决策略。 首先，CPU（中央处理器）是计算机的核心组件，它的更新...
以下是一些解决IE6、IE7、IE8和Firefox兼容性问题的方法和知识点： 1. **条件注释和doctype声明**： 在HTML中，可以使用条件注释（Conditional Comments）来针对特定版本的IE应用特定的CSS或脚本。例如，`...
浏览器兼容性问题主要源于W3C标准的推进和多种浏览器并存的情况，导致不同浏览器对相同页面的解析和渲染存在差异。这些问题可以大致分为渲染相关、脚本相关和其他类别。 1. 渲染相关问题：这主要是样式布局方面的...
使用特定版本可能需要考虑到与操作系统和目标软件的兼容性问题。 **压缩包子文件的文件名称列表：** - **Trial-Reset v4.0 Beta 1**：这个文件名表明我们拿到的是该软件的测试版本，即Beta 1。测试版通常在正式...
在前端开发过程中，浏览器兼容性问题常常困扰着开发者。不同的浏览器对HTML、CSS、JavaScript的解析和执行方式存在差异，导致同一代码在不同浏览器中显示或运行效果不一致。本篇将详细介绍如何处理IE、Firefox（FF）...
在Web开发中，CSS浏览器兼容性问题是一个常见且棘手的话题。不同的浏览器，尤其是IE系列与其他现代浏览器（如Firefox、Chrome、Safari和Opera），在解析CSS规则时可能存在差异，导致页面显示效果不一致。以下是一些...
Firefox支持`display: inline-block`属性，但IE早期版本可能存在兼容性问题，需要使用其他方法来实现类似效果。 #### 16. Div元素的自动边距问题 在设置`div`元素的左右边距为`auto`时，Firefox能自动居中，而IE则...
然而，由于各个浏览器之间的实现差异，CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE（Internet Explorer）和Firefox，它们在解析CSS规则时有着不同的理解和执行方式。本篇文章将深入探讨CSS在不同...
normalize.css的优点在于它减少了不必要的样式重写，保持了部分有用的基本样式，同时解决了跨浏览器的兼容性问题。然而，它可能不如reset.css那样彻底清除默认样式，某些情况下可能需要额外调整。 **三、选择reset....
CSS Reset的目的是为了提供一个干净的起点，使得开发者可以更专注于他们的设计，而不是解决浏览器之间的兼容性问题。然而，随着CSS规范的不断发展和浏览器对新特性的支持，一些现代CSS框架，如Bootstrap，使用更微妙...
通过使用CSS Reset，开发人员能够从一个标准化的基础出发，更高效地设计出具有跨浏览器兼容性的网页样式。 在描述中提到，CSS Reset就是最常用的CSS复位方法，它包括了清除浏览器对于HTML元素的默认设置。在文档的...
在Web开发中，浏览器兼容性问题一直是开发者们需要面对的重要挑战之一。不同浏览器对CSS、HTML等标准的支持程度不一，常常导致页面在不同浏览器下显示效果各异。本文将根据提供的部分描述，详细介绍一些常见的浏览器...
解决浏览器兼容性问题的最佳实践包括遵循W3C标准编写CSS，使用reset.css重置浏览器默认样式，利用CSS预处理器（如Sass或Less）简化代码，以及利用条件注释或特性检测库（如Modernizr）为不同浏览器提供特定样式。...
值得注意的是，尽管该工具在一定程度上提供了便利，但它的使用需谨慎，因为不恰当的操作可能对系统稳定性和软件兼容性产生负面影响。 首先，我们来了解一下注册表。注册表是Windows操作系统中的核心数据库，存储着...
在JavaScript和CSS的世界里，浏览器兼容性问题是一个长期困扰开发者的话题。不同的浏览器对标准的实现可能存在差异，导致代码在某些浏览器上运行正常，而在其他浏览器上可能出现错误或效果不一致。"js浏览器兼容问题...