js 控制iframe 的方法。。。
2009-09-13 23:18
197 查看
<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>
<script language="javascript">
function show(){
window.frames["iframe_text"].document.getElementById("myH1").innerHTML
= "http://www.pint.com";
}
</script>
</HEAD>
<BODY>
<iframe height="350" width="600" src="iframe_text.htm"
name="iframe_text"></iframe>
<form action="" method="post">
<input name="haha" id="haha" type="text" maxlength="30" value="haha"
/><br />
<textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
<input type="button" onClick="show();" value="提交"/>
</form>
<h1 id="myH1">d</h1>
</BODY>
</HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function show(){
parent.document.getElementById("myH1").innerHTML =
"http://www.adsf.com";
}
</script>
<body>
<h1 id="myH1">ha</h1>
<form action="" method="post">
<input name="abc" id="abc" type="text" maxlength="30" value="abc" /><br
/>
<textarea cols="50" rows="10" id="text"></textarea> <br />
<input type="button" value="提交" onclick="show();"/>
</form>
</body>
</html>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype-1.4.0.js"></script>
<script language="javascript">
function show(){
window.frames["iframe_text"].document.getElementById("myH1").innerHTML
= "http://www.pint.com";
}
</script>
</HEAD>
<BODY>
<iframe height="350" width="600" src="iframe_text.htm"
name="iframe_text"></iframe>
<form action="" method="post">
<input name="haha" id="haha" type="text" maxlength="30" value="haha"
/><br />
<textarea cols="50" rows="5" id="getAttributeMethod"></textarea>
<input type="button" onClick="show();" value="提交"/>
</form>
<h1 id="myH1">d</h1>
</BODY>
</HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function show(){
parent.document.getElementById("myH1").innerHTML =
"http://www.adsf.com";
}
</script>
<body>
<h1 id="myH1">ha</h1>
<form action="" method="post">
<input name="abc" id="abc" type="text" maxlength="30" value="abc" /><br
/>
<textarea cols="50" rows="10" id="text"></textarea> <br />
<input type="button" value="提交" onclick="show();"/>
</form>
</body>
</html>
相关文章推荐
- JS控制iframe报没有权限解决方法
- js控制输入框获得和失去焦点时状态显示的方法
- JS获取/设置iframe内对象元素、文档的几种方法
- JS实现刷新iframe的方法
- 个人笔记 js 02 控制div的显示及隐藏(js控制iframe的显示及隐藏)
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- js控制文本框禁止输入的常用方法
- asp.net中button控制先执行js再执行后台程序的方法
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- js中常用framesetiframe页面跳转传参方法实例大全
- javascript中iframe里面的页面调用父窗口js函数的方法。
- js实现鼠标滚轮控制图片缩放效果的方法(转)
- js控制文本框只输入数字和小数点的方法
- js控制页面的全屏展示和退出全屏显示的方法
- Js实现网页键盘控制翻页的方法
- javascript中iframe里面的页面调用父窗口js函数的方法。
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- 关于table 冻结 标头及列---js控制方法
- iframe中子父类窗口调用JS的方法及注意事项