博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
控制iframe
阅读量:4661 次
发布时间:2019-06-09

本文共 1787 字,大约阅读时间需要 5 分钟。

我终于会使用iframe了!两个文件example.htmltest.html,控制iframe里的内容:<?xml namespace="" ns="urn:schemas-microsoft-com:office:office" prefix="o" ?>

从父框架控制iframe

//example.html

<!DOCTYPE html PUBLIC "-//W<?xml namespace="" ns="urn:schemas-microsoft-com:office:smarttags" prefix="st1" ?>3C//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>

    <title>标题栏</title>

</head>

<body>

    <h1>

        在此窗体中嵌入test.html</h1>

    <iframe src="test.html" id="test" width="250" height="200" scrolling="no" frameborder="1">

    </iframe>

    <input type="button" id="btn1" name="btn1" value="ChangeInnerText..." onclick="javascript:frames('test').window.myH1.innerText='ffff'">

</body>

</html>

<?xml namespace="" ns="urn:schemas-microsoft-com:vml" prefix="v" ?>

 

嵌入的网页:

//test.html

<html>

<body>

    <h1 id="myH1">

        hello,my boy</h1>

</body>

</html>

 

点击按钮后:

 

 

还可以在主框架中取嵌入的页面中数据:

<input type="button" id="btn1" name="btn1"

value="FatchIframeText..." onclick="alert(frames('test').window.myH1.innerText)">

 

 

iframe控制父框架

//example.html

<html>

<body onclick="alert(tt.myH1.innerHTML)">

    <iframe name="tt" src="test.html" width="250" height="200" scrolling="no" frameborder="1">

    </iframe>

    <h1 id="myH2">

        hello,my wife</h1>

    <input type="button" id="btn1" name="btn1" value="button1" onclick="alert(tt.myH1.innerHTML)">

</body>

</html>

 

 

//test.html

<html>

<body>

    <h1 id="myH1">

        hello,my boy</h1>

    <input type="button" id="btn2" name="btn2" value="ChangeParentText" onclick="parent.myH2.innerText='hello,my friend'">

    <input type="button" id="btn3" name="btn3" value="ChangeParentHTML" onclick="parent.myH2.innerHTML='hello,my friend'">

</body>

</html>

 

主框架上的文字改变了。

posted on
2007-01-27 21:26 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/yansc/archive/2007/01/27/632180.html

你可能感兴趣的文章
牛客网——小白鼠排队(桶排序)
查看>>
smtp 发送邮件实例
查看>>
java多线程系列
查看>>
GCD问题 洛谷P1372 又是毕业季I & P1414 又是毕业季II
查看>>
未在本地计算机上注册“Microsoft.Ace.OleDb.12.0”提供程序解决办法
查看>>
svn 安装与设置
查看>>
数据结构简单学习
查看>>
Oracle分页抽数存储过程
查看>>
paramiko 模块 ---- python2.7
查看>>
CentOS 安装与优化
查看>>
Quartz定时任务帮助类
查看>>
windows2003 IIS6.0右键属性没有asp.net选项卡的解决办法
查看>>
最短路基础算法
查看>>
php数组操作小结
查看>>
有趣的格子效果
查看>>
动态工厂模式代码实例
查看>>
Intellij IDEA13无法使用SVN
查看>>
[Aaronyang] 写给自己的WPF4.5 笔记15[AyArc诞生-WPF版本绚丽的环状图,Ay制作,AyWindow强势预览]...
查看>>
leetcode: 最长上升子序列
查看>>
让IE依据HTML头标签选择显示模式
查看>>