iframe js（如何用JS获取iframe里面的内容）
本文目录
- 如何用JS获取iframe里面的内容
- js 怎么在iframe外执行iframe里面的方法
- 如何向iframe中写入js代码让js在iframe中执行
- JS如何动态显示iframe内容，以及初始化
- js防止页面被iframe调用的方法
- js操作iframe
- iframe代码和js代码如何用
如何用JS获取iframe里面的内容
1、获取iframe
eg. var ifr_window = window.frames[“frameName“];
2、获取iframe中的元素
eg1. 将iframe中id为elementId 的元素置为不显示：
var ifr_window = window.frames[“frameName“];
ifr_window.elementId.style.display = ’none’;
eg2. 获取iframe中id为listTable的表格
var oTable = window.frames[“myFrame“].document.all.listTable;
3、隐藏或显示表格的某列
js函数：
function setHiddenOrShowCol(oTable, iCol, type) {
for (i = 0; i 《 oTable.rows.length ; i++) {
oTable.rows[i].cells[iCol].style.display = type;
}
}
调用举例，将id为listTable的表格元素的第4列置为不显示：
var oTable = window.frames[“myFrame“].document.all.listTable;
setHiddenOrShowCol(oTable, 3, ’none’);
调用举例2，将id为listTable的表格元素的第4列置为显示：
var oTable = document.frames.myFrame.document.all.listTable;
setHiddenOrShowCol(oTable, 3, ’block’);
js 怎么在iframe外执行iframe里面的方法
实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。
比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN();
那么只要在C页面中写如下JS函数就可以了：
window.parent.AFUN();
如果AFUN()有参数也可以直接传递合适的参数进去。
例如：
修改父窗口控件属性
window.parent.document.getElementById(’frmright’).src=window.parent.document.getElementById(’frmrightsrc’).value;
调用父窗口函数
window.parent.POPUP(’bigFram’); 内容来自零度科技
父窗口调用iframe子窗口方法
《iframe name=“myFrame“ src=“child.html“》《/iframe》
myFrame.window.functionName();
iframe子窗口调用父窗口方法
parent.functionName();
用js互相调用iframe页面内的js函数。
如何向iframe中写入js代码让js在iframe中执行
1、首先，新建一个网页。
2、然后，为《button》按钮添加onclick事件，响应函数名的addiframeclick()。
3、再添加js脚本框架，并写出addiframeclick()函数的声明。
4、addiframeclick()函数的作用是为iframe框架添加onclick()事件。
5、这样，当点击button按钮后，会给iframe框架添加onclick()事件，点onclick()事件的响应效果是，点击iframe框架弹出信息提示。
JS如何动态显示iframe内容，以及初始化
1、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
2、我是使用jquery来做的测试：
代码如下：
《!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=utf-8“ /》
《title》测试《/title》
《script src=“jquery-1.11.3.min.js“》《/script》
《script type=“text/javascript“》
$(function(){
$(’#submit’).click(function(){
var src = $(’#srcTest’).val();
$(’#test’).attr(’src’,src);//动态改变src
});
})
《/script》
《/head》
《body》
《p》
请输入你需要的src：《input id=“srcTest“/》
《input id=“submit“ type=“button“ value=“提交“/》
《/p》
《iframe id=“test“ src=“01.html“》《/iframe》
《/body》
《/html》
js防止页面被iframe调用的方法
本文实例讲述了js防止页面被iframe调用的方法。分享给大家供大家参考。具体实现方法如下：
一、问题描述：
有时候我们发会现自己的网站页面被别人调用并且一模一样，这个其实就是简单的iframe调用了，下面我来给大家介绍js防止页面iframe调用的方法总结吧，有需要的朋友可参考
二、解决方法：
防止自己的网页被人框架：
top.location.href
最上层的地址
windows.location.href自己的地址
self指代当前窗口对象,属于window最上层的对象;
location.href
指的是某window对象的URL地址.
self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址
复制代码
代码如下:《script
type=“text/javascript“》
if(top.location
!=
self.location){
top.location
=
self.location;//防止页面被框架包含
}
《/script》
这些方法都可行，但不是太可靠。
复制代码
代码如下:《script
language=“javascript“》
if(
top.location
!=
self.location)
top.location.href=self.location.href;
《/script》
或
复制代码
代码如下:《script
language=“javascript“》
if
(top.location
!=
location)
top.location.href
=
location.href;
《/script》
或
复制代码
代码如下:《script
language=“javascript“》
if
(top.location
!=
self.location)
{top.location=self.location;}
《/script》
或
复制代码
代码如下:《script
language=“javascript“》
if
(top.frames.length!=0)
top.location=self.document.location;
《/script》
希望本文所述对大家的javascript程序设计有所帮助。
js操作iframe
这个直接用target就好了吧《a href=“A页面“ target=“manFrame“》系统资料《/a》《a href=“B页面“ target=“manFrame“》业务管理《/a》 当然js也可以《a href=“javascript:;“ onclick=“document.body.manFrame.src=’A页面’“》系统资料《/a》《a href=“javascript:;“ onclick=“document.body.manFrame.src=’B页面’“》业务管理《/a》
iframe代码和js代码如何用
iframe是一个控件，你把《iframe
........
》
《/iframe》放入网页中，它就会显示出来，
js可以控制iframe里面的属性，如：是否显示，跳转的链接。。
js通过鼠标事件，或者加载中生效(改变iframe的属性)。。。
更多文章：
dropdownlist 绑定（DropDownList 绑定所有项 并 显示指定项）
2026年10月11日 08:50
2026年10月11日 08:10
易语言网页api接口怎么调用（易语言，怎么读取网页json的api）
2026年10月11日 08:00
majority of（the majority of 和 a majority of的区别以及用法例句）
2026年10月11日 07:40
2026年10月11日 07:20
2026年10月11日 06:30
2026年10月11日 06:20
2026年10月11日 05:40
another time（another time和other time的区别）
2026年10月11日 05:00
2026年10月11日 04:50
