`
edwardpro
  • 浏览: 310179 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

使用form dom要注意的小问题

阅读更多


几天调一个js遇到灵异问题:

var s=$('sform');
s.action="bb.html";

<form action="a.html" id='sform'>
<input type="hidden" name="action" />

...
</form>

js目标很简单,改变form上的action的值,结果却。。。alert出来 s.action 居然是一个对象,反复想,终于发现问题就出在from里的action组件,formObj.action居然被form里的同名组件覆盖了,修改后问题解决。

分享到:
评论
1 楼 hax 2007-08-17  
呵呵,终于有人碰到这样的问题了。。。参考这篇:http://blog.csdn.net/hax/archive/2006/01/06/571658.aspx

相关推荐

    前段JS开发和DOM兼容问题大全

    在前端开发中,JavaScript和DOM操作是核心组成部分,而不同浏览器之间的兼容性问题常常困扰开发者。以下将详细介绍在处理JavaScript和DOM时遇到的兼容性问题以及相应的解决方法。 一、DOM节点的访问兼容性问题及...

    js和dom用法案例

    在 JavaScript 中,`F1` 键的双击事件可以通过监听键盘事件来实现,但要注意正确地处理事件。例如,可以使用 `addEventListener` 添加事件监听器,为 `F1` 键设置响应: ```javascript document.addEventListener('...

    使用JQuery实现从JSON对象转换为form提交数据

    - 考虑到兼容性问题,确保所有目标浏览器都支持jQuery库,或者使用原生JavaScript方法进行替代。 总结,通过jQuery我们可以方便地将JSON对象转换为适合表单提交的格式,并利用Ajax方法发送到服务器。这极大地提高...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    ajax提交form表单

    1. **安全性**:使用Ajax提交表单时需要注意安全问题,如CSRF攻击,确保请求是来自合法的来源。 2. **用户体验**:虽然同步请求可以立即得到结果,但会阻塞UI,降低用户体验。推荐使用异步请求。 3. **错误处理**:...

    jquery.form.js(最新的)

    7. **跨域问题**:如果jQuery.form.js与Struts 1.x不在同一个域下,可能需要处理跨域问题。这可能涉及修改Struts的配置,或者在服务器端添加允许跨域的响应头。 8. **安全考虑**:使用AJAX提交时,务必考虑安全性,...

    JavaScrip文档对象模型(DOM).

    3. **利用库和框架**:许多现代JavaScript库(如jQuery)已经解决了大部分浏览器兼容性问题,使用这些库可以帮助开发者更轻松地处理DOM操作。 4. **保持代码简洁**:避免使用过于复杂的DOM操作,尽量保持代码简洁...

    layui 解决form表单点击无反应的问题

    当我们遇到使用layui框架开发的Web页面中form表单点击无反应的问题时,可以通过特定的解决方法来修复此问题。Layui是一个前端UI框架,它提供了一套简洁的CSS和JS代码模块,用以快速构建界面和交互效果。Layui的模块...

    解决使用layui的时候form表单中的select等不能渲染的问题

    在使用form.render方法时,需要注意的是,必须先引入layui的form模块,通过layui.use方法加载form模块后,才能调用form渲染相关的函数。如果不先加载模块而直接调用form.render,会发现没有效果,因为模块中定义的...

    EXT中文手册 Grid Form

    要获取DOM节点,可以使用`Ext.get()`方法。如果传入的ID对应多个元素,则会返回一个包含这些元素的数组。例如: ```javascript var elements = Ext.get('someId'); ``` 如果`someId`对应多个元素,则`elements`将...

    jsp页面js调用form表单的值的方法

    使用注意事项 - **ID 与 Name 的区别**:在本例中,尽管使用了 `getElementById()` 方法,但表单元素的 `name` 属性被用作 ID。这可能不是最佳实践,因为 `id` 应该是唯一的,而 `name` 可以重复。在实际应用中,...

    开发跨浏览器JavaScript时要注意的问题

    ### 开发跨浏览器JavaScript时要注意的问题 在进行Web开发时,跨浏览器兼容性问题一直是个让人头疼的话题。不同的浏览器对JavaScript的支持程度不一,尤其是在处理DOM元素时,开发者需要特别注意一些细节,确保代码...

    ajaxForm中文文档

    // 当DOM准备就绪后,绑定AjaxForm $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); }); }); ``` 上述代码会在表单提交时触发Ajax请求,成功后弹出提示框。 ### 二、AjaxForm...

    JavaScript_DOM编程

    以上就是关于JavaScript中DOM编程的一些关键知识点,包括事件处理的不同方式、DOM对象的使用以及`&lt;script&gt;`标签的重要属性。理解并熟练掌握这些概念对于编写高效、可靠的前端应用程序至关重要。

    解决layui的form里的元素进行动态生成,验证失效的问题

    当表单元素是静态定义在页面上时,一般在DOM加载完成后,使用`form.render()`方法进行初始化和验证规则绑定,这样表单验证可以正常工作。但是,当表单元素是通过JavaScript动态添加到页面中时,仅仅使用`form.render...

    JavaScript框架高级编程(第一章扩展和增强DOM元素 )

    这意味着开发者可以自定义想要扩展到DOM元素上的方法。这种方法特别适用于需要添加特定于应用程序的功能时。 示例代码: ```javascript Element.extend({ myCustomMethod: function() { // 自定义方法实现 } });...

    form表单日期输入时间控件2

    在网页开发中,`form`表单是收集用户数据的核心元素,而日期和时间输入控件则是表单中常见且重要的组成部分。它们允许用户方便地输入或选择日期和时间值,提高了用户体验并确保数据的准确性。本文将深入探讨HTML、...

    用Javascript将form所有内容序列化和反序列化的例子。

    在Web开发中,JavaScript是一种必不可少的前端编程语言,它提供了丰富的功能来操作DOM(文档对象模型)和处理用户交互。在HTML表单(form)数据处理方面,JavaScript也扮演着重要角色。本文将深入探讨如何使用...

    Vue 解决通过this.$refs来获取DOM或者组件报错问题

    4. **获取样式的问题**:需要注意的是,直接通过`this.$refs.name.style`获取CSS样式可能无效,因为这通常适用于原生DOM元素。对于组件,可能需要使用其他方法(如`offsetHeight`、`clientWidth`等)来获取尺寸信息...

    js动态在form上插入enctype=multipart/form-data的问题

    总结来说,遇到文件上传问题时,尤其是在旧版本IE浏览器中,需要特别注意对enctype属性的正确设置。对于动态生成的表单,在不修改原始表单输出方法的情况下,可以通过jQuery这样的JavaScript库来动态添加或修改...

Global site tag (gtag.js) - Google Analytics