本文章来给大家介绍js判断iframe中元素是否存在代码,有需要了解的朋友可进入参考。

一、纯原生态js实现方法,代码如下:
<script>
var bb = document.getElementById('PreviewArea').contentWindow.document.getElementById('aPic');
if( bb )
{
}
else
{
}
//apic为子页面Preview.aspx里面元素的Id
</script>
<body>
<iframe name="PreviewArea" id="PreviewArea" scrolling="yes" width="100%" height="290" frameborder="1" src="Preview.aspx"></iframe>
</body>
二、现在流行的jquery实现方法,代码如下:
if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){
alert(1);
}else{
alert(2);
}
以上代码,判断id为iframepage的iframe中css为1-grid-row-cell的元素是否存在。
附
Jquery取得iframe中元素的几种方法
在iframe子页面获取父页面元素
$('#objId', parent.document);
// 搞定...
在父页面 获取iframe子页面的元素
$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()
显示iframe中body元素的内容
$("#testId", document.frames("iframename").document).html();
根据iframename取得其中ID为"testId"元素
$(window.frames["iframeName"].document).find("#testId").html()
2、用JS或jQuery访问页面内的iframe,兼容IE/FF
注意:框架内的页面是不能跨域的!
假设有两个页面,在相同域下.
index.html 文件内含有一个iframe:
<!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> <body> <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe> </body> </html>
iframe.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>iframe.html</title> </head> <body> <div id="test">www.</div> </body> </html>
1. 在index.html执行JS直接访问:
document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'
通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的对象,并将其颜色设置为红色.
此代码已经测试通过,能支持IE/firefox。
2. 在index.html里面借助jQuery访问:
$("#koyoz").contents().find("#test").css('color','red');
此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了.
另外,有网友提供了如下的示例:
用jQuery在IFRAME里取得父窗口的某个元素的值,只好用DOM方法与jquery方法结合的方式。
1. 在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");
2. 在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input:radio").attr("checked","true");
父窗口想获得IFrame中的Iframe,就再加一个frames子级就行了,如:
$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true")
# js
# iframe
# 元素
# 是否存在
# js实现网页防止被iframe框架嵌套及几种location.href的区别
# JS判断iframe是否加载完成的方法
# 基于JS判断iframe是否加载成功的方法(多种浏览器)
# js判断iframe内的网页是否滚动到底部触发事件
# js下判断 iframe 是否加载完成的完美方法
# js如何判断是否在iframe中及防止网页被别站用iframe嵌套
# 单选
# 页面内
# 窗口中
# 好用
# 设置为
# 首页
# 再加
# 有一个
# 现在流行
# 几种方法
# 原生态
# 框架内
# 更短
# 就行了
# 来给大家
# 有两个
# 并取得
# 是一样的
# 并将其
相关文章:
建站之星2.7模板快速切换与批量管理功能操作指南
C++如何编写函数模板?(泛型编程入门)
如何在IIS服务器上快速部署高效网站?
制作证书网站有哪些,全国城建培训中心证书查询官网?
如何通过cPanel快速搭建网站?
湖州网站制作公司有哪些,浙江中蓝新能源公司官网?
成都网站制作价格表,现在成都广电的单独网络宽带有多少的,资费是什么情况呢?
交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?
如何在阿里云香港服务器快速搭建网站?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度?
php json中文编码为null的解决办法
音响网站制作视频教程,隆霸音响官方网站?
建站之星导航配置指南:自助建站与SEO优化全解析
c# await 一个已经完成的Task会发生什么
定制建站模板如何实现SEO优化与智能系统配置?18字教程
建站之星代理费用多少?最新价格详情介绍
建站之星如何快速更换网站模板?
实现虚拟支付需哪些建站技术支撑?
高性能网站服务器部署指南:稳定运行与安全配置优化方案
专业网站建设制作报价,网页设计制作要考什么证?
官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站
建站之星下载版如何获取与安装?
如何在自有机房高效搭建专业网站?
已有域名和空间如何搭建网站?
广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?
临沂网站制作企业,临沂第三中学官方网站?
教育培训网站制作流程,请问edu教育网站的域名怎么申请?
宝华建站服务条款解析:五站合一功能与SEO优化设置指南
,网站推广常用方法?
建站为何优先选择香港服务器?
网站制作大概多少钱一个,做一个平台网站大概多少钱?
宝塔新建站点报错如何解决?
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
如何通过NAT技术实现内网高效建站?
,制作一个手机app网站要多少钱?
小型网站建站如何选择虚拟主机?
,南京靠谱的征婚网站?
小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化
南宁网站建设制作定制,南宁网站建设可以定制吗?
如何在Tomcat中配置并部署网站项目?
如何获取免费开源的自助建站系统源码?
建站VPS选购需注意哪些关键参数?
如何确认建站备案号应放置的具体位置?
江苏网站制作公司有哪些,江苏书法考级官方网站?
网站app免费制作软件,能免费看各大网站视频的手机app?
制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?
上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?
建站之星微信建站一键生成小程序+多端营销系统
如何用景安虚拟主机手机版绑定域名建站?
*请认真填写需求信息,我们会在24小时内与您取得联系。