js动态创建iframe与form

2015 年 11 月 17 日 jslfl web

创建一个form表单,返回到myFrame的iframe中去

JQuery方式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

//创建iframe
$("<iframe id='myFrame' name='myFrame'></iframe>").prependTo('body');
$("#myFrame").attr("src", "test.jsp");

//创建Form
var form = $('<form method="post" target="myFrame"></form>');
form.attr('action', "test.jsp");

var i_resid = $('<input type="text" name="resid" />');
i_resid.attr('value', "2");
var i_user = $('<input type="text" name="user" value="admin" />');
form.append(i_resid);
form.append(i_user);
form.submit();

JS方式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

var iframe = document.createElement("iframe");
document.body.appendChild(iframe);
iframe.id = 'myFrame';
iframe.name = 'myFrame';
iframe.style.display = 'none';

var form = document.createElement("form");
document.body.appendChild(form);//必须加入body中
form.method = 'post';
form.action = 'test.jsp';
form.target = 'myFrame';//_blank/_self
//创建隐藏表单
var i_resid = document.createElement("input");
i_resid .setAttribute("name","id");
i_resid .setAttribute("type","hidden");
i_resid .setAttribute("value","2");
form.appendChild(i_resid );
form.submit();

jquery, js

Comments are currently closed.

js动态创建iframe与form

近期文章

近期评论

文章归档

分类目录

标签