`
clrw
  • 浏览: 21478 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

reset()方法的兼容性问题

阅读更多

      工作中调用了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>
 
0
0
分享到:
评论

相关推荐

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

    【处理兼容性问题的方法】通常包括以下几点: 1. **使用标准兼容的HTML和CSS**:遵循W3C的推荐标准编写代码,尽量避免使用特定浏览器的私有属性。 2. **使用前缀**:对于某些浏览器特有的CSS特性,使用相应的前缀,...

    常见浏览器兼容性问题与解决方案

    浏览器兼容性问题一直是前端开发中的重要议题,尤其是在...在实际开发中,还可以借助工具如Autoprefixer自动添加浏览器前缀,以及使用 Normalize.css 或 Reset CSS 来统一浏览器默认样式,进一步简化兼容性问题的处理。

    CSS在不同浏览器的兼容性问题

    处理CSS兼容性问题的方法包括: - **逐步增强**:首先保证在基础浏览器(如最新版的Firefox、Chrome等)上的正常显示,然后逐步添加额外样式以适应其他浏览器。 - **优雅降级**:为旧版浏览器编写基础样式,然后...

    老主板与新核心CPU的兼容性问题.pdf

    在IT领域,尤其是在个人计算机硬件升级的过程中,老主板与新核心CPU的兼容性问题是一个常见的挑战。本文将详细探讨这个问题,以及其背后的原因和解决策略。 首先,CPU(中央处理器)是计算机的核心组件,它的更新...

    IE6、_IE7、IE8、Firefox兼容性问题

    以下是一些解决IE6、IE7、IE8和Firefox兼容性问题的方法和知识点: 1. **条件注释和doctype声明**: 在HTML中,可以使用条件注释(Conditional Comments)来针对特定版本的IE应用特定的CSS或脚本。例如,`...

    浏览器兼容性问题及解决方案[归类].pdf

    浏览器兼容性问题主要源于W3C标准的推进和多种浏览器并存的情况,导致不同浏览器对相同页面的解析和渲染存在差异。这些问题可以大致分为渲染相关、脚本相关和其他类别。 1. 渲染相关问题:这主要是样式布局方面的...

    Trial-Reset v4.0

    使用特定版本可能需要考虑到与操作系统和目标软件的兼容性问题。 **压缩包子文件的文件名称列表:** - **Trial-Reset v4.0 Beta 1**:这个文件名表明我们拿到的是该软件的测试版本,即Beta 1。测试版通常在正式...

    前端不同浏览器兼容性解决办法

    在前端开发过程中,浏览器兼容性问题常常困扰着开发者。不同的浏览器对HTML、CSS、JavaScript的解析和执行方式存在差异,导致同一代码在不同浏览器中显示或运行效果不一致。本篇将详细介绍如何处理IE、Firefox(FF)...

    最新web面试题css浏览器的兼容性问题.docx

    在Web开发中,CSS浏览器兼容性问题是一个常见且棘手的话题。不同的浏览器,尤其是IE系列与其他现代浏览器(如Firefox、Chrome、Safari和Opera),在解析CSS规则时可能存在差异,导致页面显示效果不一致。以下是一些...

    浏览器兼容性解决方法

    Firefox支持`display: inline-block`属性,但IE早期版本可能存在兼容性问题,需要使用其他方法来实现类似效果。 #### 16. Div元素的自动边距问题 在设置`div`元素的左右边距为`auto`时,Firefox能自动居中,而IE则...

    CSS常见浏览器兼容问题

    然而,由于各个浏览器之间的实现差异,CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE(Internet Explorer)和Firefox,它们在解析CSS规则时有着不同的理解和执行方式。本篇文章将深入探讨CSS在不同...

    reset.css & normalize.css 下载

    normalize.css的优点在于它减少了不必要的样式重写,保持了部分有用的基本样式,同时解决了跨浏览器的兼容性问题。然而,它可能不如reset.css那样彻底清除默认样式,某些情况下可能需要额外调整。 **三、选择reset....

    Reset CSS研究

    CSS Reset的目的是为了提供一个干净的起点,使得开发者可以更专注于他们的设计,而不是解决浏览器之间的兼容性问题。然而,随着CSS规范的不断发展和浏览器对新特性的支持,一些现代CSS框架,如Bootstrap,使用更微妙...

    Css Reset 复位相关资料整理

    通过使用CSS Reset,开发人员能够从一个标准化的基础出发,更高效地设计出具有跨浏览器兼容性的网页样式。 在描述中提到,CSS Reset就是最常用的CSS复位方法,它包括了清除浏览器对于HTML元素的默认设置。在文档的...

    L系列墨水复位软件WIC Reset Utility v2.11.rar

    对于用户来说,这意味着更好的兼容性和稳定性。在安装和使用过程中,v2.11版本应该能够更好地适应不同型号的L系列打印机,提供更加顺畅的操作体验。 使用WIC Reset Utility的过程相对简单。首先,确保你的打印机已...

    常见浏览器兼容问题

    在Web开发中,浏览器兼容性问题一直是开发者们需要面对的重要挑战之一。不同浏览器对CSS、HTML等标准的支持程度不一,常常导致页面在不同浏览器下显示效果各异。本文将根据提供的部分描述,详细介绍一些常见的浏览器...

    Css与各浏览器兼容性

    解决浏览器兼容性问题的最佳实践包括遵循W3C标准编写CSS,使用reset.css重置浏览器默认样式,利用CSS预处理器(如Sass或Less)简化代码,以及利用条件注释或特性检测库(如Modernizr)为不同浏览器提供特定样式。...

    Trial-Reset试用期注册表清除工具.7z

    值得注意的是,尽管该工具在一定程度上提供了便利,但它的使用需谨慎,因为不恰当的操作可能对系统稳定性和软件兼容性产生负面影响。 首先,我们来了解一下注册表。注册表是Windows操作系统中的核心数据库,存储着...

Global site tag (gtag.js) - Google Analytics