62,041
社区成员
发帖
与我相关
我的任务
分享请问在js里面如何动态的创建一个iframe?
请问在js里面如何动态的创建一个iframe,并把一个ListBox连同ListBox里面的值添加到iframe。
非常感谢！！！
非常感谢！！！
...全文
请发表友善的回复…
发表回复
xueqs 2005-05-06
- 打赏
- 举报
mark
Pipiloo 2005-05-06
- 打赏
- 举报
mark
bearthepalm 2005-05-06
- 打赏
- 举报
回头去试试！
bearthepalm 2005-05-06
- 打赏
- 举报
多谢cat_hsfz()！
bearthepalm 2005-05-05
- 打赏
- 举报
谢谢hchxxzx(NET？摸到一点门槛)和ttyp(@http://www.cnblogs.com/ttyp/) ！
hchxxzx 2005-05-05
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<select name="listbox1" size="4" multiple>
<option value="sdgs">sdg</option>
<option value="sg">sdg</option>
<option value="sdg">sdg</option>
</select>
<input type=button value=button1 name=button1 onclick="f();">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var frm = document.createElement("iframe");
frm.id = "frm1";
frm.name = "frm1";
document.body.appendChild(frm);
var ifram = document.frames[0];
ifram.document.write("这是动态生成的<br>");
frm.document.write("这是动态生成的");
var listbox = document.all("listbox1")
for(var i=0;i<listbox.length;i++)
{
ifram.document.write(listbox[i].value + "<br>");
}
function f()
{
var mydisplay = document.all("frm1").style.display;
if(mydisplay == "none")
{
document.all("frm1").style.display = "block";
}
else
{
document.all("frm1").style.display = "none";
}
}
//-->
</SCRIPT>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<select name="listbox1" size="4" multiple>
<option value="sdgs">sdg</option>
<option value="sg">sdg</option>
<option value="sdg">sdg</option>
</select>
<input type=button value=button1 name=button1 onclick="f();">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var frm = document.createElement("iframe");
frm.id = "frm1";
frm.name = "frm1";
document.body.appendChild(frm);
var ifram = document.frames[0];
ifram.document.write("这是动态生成的<br>");
frm.document.write("这是动态生成的");
var listbox = document.all("listbox1")
for(var i=0;i<listbox.length;i++)
{
ifram.document.write(listbox[i].value + "<br>");
}
function f()
{
var mydisplay = document.all("frm1").style.display;
if(mydisplay == "none")
{
document.all("frm1").style.display = "block";
}
else
{
document.all("frm1").style.display = "none";
}
}
//-->
</SCRIPT>
cat_hsfz 2005-05-05
- 打赏
- 举报
创建iframe的标准做法是document.createElement('iframe')，但是IE6存在一个巨大的漏洞，就是这创建出来的iframe无法修改他的name。所以这样做，还不如：
tempDiv = document.createElement('div');
document.body.appendChild(tempDiv);
tempDiv.innerHTML='<iframe><!--iframe content here--></iframe>';
至于你所要的iframe和select的HTML代码应该没问题了吧，那就填到上面innerHTML的部分。
tempDiv = document.createElement('div');
document.body.appendChild(tempDiv);
tempDiv.innerHTML='<iframe><!--iframe content here--></iframe>';
至于你所要的iframe和select的HTML代码应该没问题了吧，那就填到上面innerHTML的部分。
ttyp 2005-05-05
- 打赏
- 举报
你没给iframe命名,注意要id,name都要设置
hunter_32 2005-05-05
- 打赏
- 举报
學習加接分
bearthepalm 2005-05-05
- 打赏
- 举报
要再麻烦一下hchxxzx(NET？摸到一点门槛)啊！
这样创建的iframe要怎样显示和隐藏呢？
用document.all.ifram.style.display=''; 或者用document.all.frm.style.display='';
电脑的提示是：“document.all.ifram.style为空或不是对象”
‘document.all.frm.style为空或不是对象‘
谢谢啦！
这样创建的iframe要怎样显示和隐藏呢？
用document.all.ifram.style.display=''; 或者用document.all.frm.style.display='';
电脑的提示是：“document.all.ifram.style为空或不是对象”
‘document.all.frm.style为空或不是对象‘
谢谢啦！
dreamy835 2005-05-05
- 打赏
- 举报
呵呵 我跑来学习下
bearthepalm 2005-05-05
- 打赏
- 举报
感谢hchxxzx(NET？摸到一点门槛)！
hchxxzx 2005-05-05
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<select name="listbox1" size="4" multiple>
<option value="sdgs">sdg</option>
<option value="sg">sdg</option>
<option value="sdg">sdg</option>
</select>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var frm = document.createElement("iframe");
document.body.appendChild(frm);
var ifram = document.frames[0];
ifram.document.write("这是动态生成的<br>");
frm.document.write("这是动态生成的");
var listbox = document.all("listbox1")
for(var i=0;i<listbox.length;i++)
{
ifram.document.write(listbox[i].value + "<br>");
}
//-->
</SCRIPT>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<select name="listbox1" size="4" multiple>
<option value="sdgs">sdg</option>
<option value="sg">sdg</option>
<option value="sdg">sdg</option>
</select>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
var frm = document.createElement("iframe");
document.body.appendChild(frm);
var ifram = document.frames[0];
ifram.document.write("这是动态生成的<br>");
frm.document.write("这是动态生成的");
var listbox = document.all("listbox1")
for(var i=0;i<listbox.length;i++)
{
ifram.document.write(listbox[i].value + "<br>");
}
//-->
</SCRIPT>
bearthepalm 2005-05-05
- 打赏
- 举报
ListBox不可以用appendChild的形式添加到iframe吗？
bearthepalm 2005-05-05
- 打赏
- 举报
thanks to xiaomaolover(笨 笨) :
请问要怎么传呢？
请问要怎么传呢？
xiaomaolover 2005-05-05
- 打赏
- 举报
可是要把ListBox里面各个选项的值添加到iframe，要怎么做呢？
可以传值给Iframe的页面.
可以传值给Iframe的页面.
bearthepalm 2005-05-05
- 打赏
- 举报
谢谢luckyprg(lucky)！
bearthepalm 2005-05-05
- 打赏
- 举报
谢谢ttyp(@http://www.cnblogs.com/ttyp/)！
可是要把ListBox里面各个选项的值添加到iframe，要怎么做呢？
可是要把ListBox里面各个选项的值添加到iframe，要怎么做呢？
luckyprg 2005-05-05
- 打赏
- 举报
上面已讲出正确答案，我就JF好了。
ttyp 2005-05-05
- 打赏
- 举报
var frm = document.createElement("iframe");
document.body.appendChild(frm);
frm.document.write(yourhtml);
document.body.appendChild(frm);
frm.document.write(yourhtml);
加载更多回复（6）
