asp学习网: 首页 >> javascript教程 >> javascript基础 >> 操作iframe元素示例

操作iframe元素示例

直接可以通过id来获取iframe内的元素,获取方法是window.frames[id] 如下是示例代码.

<!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>iframe元素操作示例 www.aspxuexi.com</title>
</head>

<body>
<form name="form1" id="form1" method="post" action="">
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" onclick="window.frames['theIframe'].window.location.href='http://www.aspxuexi.com';" />
asp学习网
<input type="radio" name="radiobutton" value="radiobutton" onclick="window.frames['theIframe'].window.location.href='http://www.12px.net;" />
十二像素<input type="button" name="button" value="显示iframe页面的标题" onclick="alert(window.frames['theIframe'].window.document.title);" />
</form>
<iframe id="theIframe" width="1000" height="10000" src=http://www.aspxuexi.com></iframe>
</body>
</html>
from:asp学习网/title:操作iframe元素示例/ time:2007-11-12 19:20:51

本文主题iframe

JavaScript应用:Iframe自适应其加载的内容高度

iframe标签有关的内容

HTML元素 - iframe 内嵌漂浮框架

Iframe标记

IFRAME 元素 | iframe 对象

asp教程 ©2006-2007 aspxuexi.com | 关于站点 | 版权隐私 | 站内搜索
复制或者翻版 请于夜间进行