document.appendChild(form)与document.body.appendChild(form)的区别

最新推荐文章于 2023-01-23 21:56:52 发布
最新推荐文章于 2023-01-23 21:56:52 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 《困惑》 文章标签： jQuery Ajax ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_20525/article/details/81888985
版权
如题，他们之间有区别吗？

感觉上只有，他们添加的位置不同。

[b]困惑1[/b]
document.body.appendChild(form)是在body节点后添加元素。
document.appendChild(form)是在...where?

[b]困惑2[/b]
在做一个项目时，遇到一个很奇怪的问题，在JQuery.ajax的errorfunction中
要求迁移错误画面，所以我在js中添加了一个form，然后用document.appendChild(form)添加到document中后submit，提交的method是post。
这个应该没错吧。
可结果，它自动提交了2次，而且第2次提交用的是get方法...不明白的话，可以看log的截图

[img]http://dl.iteye.com/upload/attachment/270914/b558afec-acd2-33f3-82b7-528ec3a14afb.jpg[/img]
[size=medium][color=red][i]无语…………！！[/i][/color][/size]

解决的方法是有的，就是把document.appendChild(form)改成document.body.appendChild(form)
这样提交后，就能正常迁移了~~~
[size=medium][color=red][i]无语的平方…………！！[/i][/color][/size]

目前还在研究中~~~
iteye_20525
关注
专栏目录
document.body.appendChild
weixin_30314813的博客
09-28 1812
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>一个流行的弹出层的效果</title></head><script>var docEle = function() {return doc...
document.body.appendChild() 和 x.appendChild() 的区别
no_1back_up的博客
08-25 3319
首先要搞清楚: document.body 代表的当前文档的body对象 document.documentElement 代表的是当前的完整文档 使用方法： var x=document.createElement(“div”); 在body上挂载元素：document.body.appendChild(x) 在一个元素上挂载该元素：element.appendChild(x); 下面举个例子： 在body中的随机位置添加一张图片 //创建一个图片标签 var e_img=document.createE
javascript中document.appendChild和document.body.appendChild的问题
weixin_33807284的博客
05-25 2295
在IE7中 var conentDiv = document.createElement("div"); document .body .appendChild(conentDiv); document .appendChild(conentDiv); 都不会报错，但是在IE11中 document .appendChild(conentDiv);会报错：javascript ru...
document.body.appendChild 的问题
weixin_30852451的博客
12-19 2963
IE只有页面完全读取结束body元素才会存在，所以在页面中插入上面这条语句在IE下就会出现错误，而FF下的实现机制是当页面还没有完全读取完时body元素就已经存在了。因此firefox下面正常，而ie下就有问题。 解决方法： 1.使用window.onload方法2.把document.body.appendChild 语句放在body后面3.用setTimeout延迟document.bo...
document.body.appendChild(div);的用法
热门推荐
anmoyyh的博客
08-16 5万+
document.body,createElement(nodeName)document.body.createTextNode(txt)配合使用的,作用是将指定的DOM类型的节点加到document.body的末尾.例如://创建textNodevar txt=document.body.createTextNode("asdf");//创建objectNodevar p=document.b
[JavaScript]:document.body.appendChild()的运用
SUZEHUI9636的博客
01-23 2599
属性，配置下载链接的地址。
js动态生成form 并用ajax方式提交的实现方法
11-24
document.body.appendChild(tempForm); // 创建提交按钮 var tempInput = document.createElement("input"); tempInput.type = "hidden"; tempInput.name = "method"; tempInput.value = methodName; // the ...
var exportExcel = function(url, data) { const form = document.createElement('form'); form.style = "display:none;"; form.method = "post"; form.action = url; const input = document.createElement('input'); input.type = 'hidden'; input.name = 'paramstr'; input.value = JSON.stringify(data); const input2 = document.createElement('input'); input2.type = 'hidden'; input2.name = 'total'; input2.value = $("#searchfm-result").html(); form.appendChild(input); form.appendChild(input2); $('body').append(form); form.submit(); console.log(form); form.remove(); }下载文件,怎么知道文件是否下载完成
07-08
在`form.submit()`方法之后，可以添加以下代码： ```javascript form.onreadystatechange = function() { if (form.readyState === 4 && form.status === 200) { // 文件下载完成的处理逻辑 console.log("文件...
document.createElement('form').submit()怎么获取文件是否下载成功
最新发布
07-08
document.body.appendChild(form); form.submit(); // 清理表单和iframe form.remove(); iframe.remove(); }; ``` 在上述示例中，当文件下载完成时，会在控制台输出"文件下载完成"的消息，并可以在`iframe`...
<!DOCTYPE html><html><head> <title>Cart</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body> <h1>Cart</h1> <table> <thead> <tr> <th>Product</th> <th>Quantity</th> </tr> </thead> <tbody id="cart"> </tbody> </table> <script> var cart = localStorage.getItem('cart'); if (cart) { cart = JSON.parse(cart); var cartTable = document.getElementById('cart'); for (var product in cart) { var row = document.createElement('tr'); var productCell = document.createElement('td'); productCell.textContent = product; var quantityCell = document.createElement('td'); quantityCell.textContent = cart[product]; row.appendChild(productCell); row.appendChild(quantityCell); cartTable.appendChild(row); } } else { alert('Your cart is empty'); } </script></body></html>
06-06
<body> <h1>Cart <th>Product <th>Quantity <th>Action <form> <label for="product">Product: <label for="quantity">Quantity: ...
JavaScript动态创建form表单并提交的实现方法
10-23
document.body.appendChild(form1); // 创建一个输入框，并设置属性 var input = document.createElement("input"); input.type = "text"; input.name = "value1"; input.value = "1234567"; // 将输入框...
关于document.body.appendChild在ie中的问题.
weixin_30538029的博客
09-02 902
在整理一个页面的时候,决定用同一个外链文件来调用js,用了一个函数:function downloadJS(url){var elem = document.createElement("script");elem.type="text/javascript";elem.src=url;document...
代码调用document.body.appendChild导致IE已终止操作的问题
04-27 1252
新手发帖，很多方面都是刚入门，有错误的地方请大家见谅，欢迎批评指正     IE在文档未载加实现时调用document.body.appendChild就会出这个题问，即body标签还没有剖析毕完并闭合时调用appendChild。处理方法很简单，改成insertBefore。代码如下： if(document.body && document.body.firstChild){
操作DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
YY的博客
10-20 3555
增删改查DOM节点：document.createElement、appendChild、insertBefore、removeChild、replaceChild、cloneNode（）
利用doc方法中appendChild直接往body中添加内容
weixin_49321034的博客
08-11 871
<script type="text/javascript"> window.onload=function(){ var divObj = document.createElement("div"); var textNodeObj = document.createTextNode("小欧真帅"); divObj.appendChild(textNodeObj); document
关于document.body.appendChild在ie6兼容问题
allenlily的专栏
02-24 2732
function inserText() {             var urldata = {"百度":"http://www.baidu.com","谷歌":"http://www.google.com","微软":"http://www.microsoft.com"};             var table = document.getElementById("btntable
js中document.body.appendChild在IE6下不兼容的替换方法
王艺强的博客
10-09 1148
document.body.a在IE6下不兼容，会导致“…终止操作”，可以使用document.body.insertBefore来代替。 比如在body里创建一个a标签： var a1 = document.create_rElement_x_x("a"); a1.href="#"; document.body.insertBefore(a1, document.body.childNodes[
DOM操作时appendChild重复添加元素问题
奋斗的程序胖的博客
05-08 5280
在学习DOM过程中，用createElement创建元素后，想追加到某个父元素下，然后就尝试了以下执行多次appendChild()，然后发现只添加了一次，并不是想象中添加了多个元素。 然后在菜鸟教程上了解到： 定义和用法 appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。 提示：如果文档树中已经存在了 newchild，它将从文档树中删除，然后重新插入它的新位置。如果 ...
JS里面实现新建Form表单以及提交
wade725的博客
08-06 518
var recUid = '123'; var form = $("<form method='post'></form>"); var input1 = $('<input name="recUid" style="opacity:0"/>'); input1.val(recUid) var url = "你的提交的URL"; form.attr({"acti...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值