无需jQuery,如何用原生JavaScript修改表单action属性?
不依赖jQuery实现表单action替换功能
你可以用原生JavaScript实现完全相同的防护效果,核心逻辑和jQuery版本一致:等页面DOM加载完成后,找到目标表单并修改它的action属性。
原生JavaScript代码实现
document.addEventListener('DOMContentLoaded', function() { const commentForm = document.getElementById('commentformid'); if (commentForm) { commentForm.action = '/mycomment-realfile.php'; } });
代码说明
DOMContentLoaded事件:确保页面所有DOM元素加载完成后再执行代码,和jQuery的jQuery(function(){})效果完全一致document.getElementById('commentformid'):通过ID定位到目标表单,对应jQuery的jQuery('#commentformid')commentForm.action:直接修改表单的action属性,和jQuery的.attr('action', ...)功能相同- 增加
if (commentForm)判断:避免找不到表单时出现报错,让代码更健壮
你依然可以保留原有的防护设置:HTML源码里的表单action保持设为mycomment.php,并将该文件替换为0字节空文件。
内容的提问来源于stack exchange,提问作者MarkJ99
相关产品推荐
相关产品推荐

