在iframe父界面获取iframe里面的标签
上一篇里边介绍了在里边利用iframe引入另一个html导航文件,有兴趣的朋友可以看一看 http://www.cnblogs.com/simba-lkj/p/6031662.html
目前遇到一些问题们,想要在引用了iframe的文件里修改iframe里边的样式。
解决了这个问题,整理一下,供大家参考
demo:
<div class="iframe">
<iframe src="header.html" width="100%" height="442px" marginwidth="0" frameborder="no" scrolling="no"></iframe>
</div>
1、这是我首先考虑的一个方法
获取iframe引入的html文件元素通过id获取
实例:
var URL = window.parent.location.pathname;
路径数组:
var arrURL = ["/CASE/aishuoke/index.html","/CASE/aishuoke/about.html","/CASE/aishuoke/news.html","/CASE/aishuoke/download.html","/CASE/aishuoke/case.html","/CASE/aishuoke/job.html","/CASE/aishuoke/shownews.html",
"/CASE/aishuoke/showinfo.html","/CASE/aishuoke/showimg_first.html","/CASE/aishuoke/showimg_second.html","/CASE/aishuoke/showimg_third.html","/CASE/aishuoke/showimg_forth.html"];
switch (URL){
case arrURL[0]:
$("#shouye").addClass("show").siblings().removeClass("show");
break;
}
在iframe中获取父窗口的元素
$('#父窗口中的元素ID', parent.document).click();jquery
在父窗口中获取iframe中的元素
1、:var test = $("#iframe的ID").contents().find("#iframe中的控件ID");//jquery 方法1
var test2 = $("#iframe中的控件ID",document.frames("frame的name").document);//jquery 方法2
最新文章
- HDOJ 1051. Wooden Sticks 贪心 结构体排序
- supervisor监管进程max file descriptor配置不生效的问题
- C#中 反射中的Assembly(装载程序集):
- Atitit prj 项目管理与行政管理(1)------项目环境的概览与建立
- window.onload()和$(function(){});的区别
- MySQL完整性语言
- 英语学习APP—百词斩
- Win7系统下利用U盘安装Ubuntu14.04麒麟版
- 新手!SDK Manager里找不到API安装的选项怎么办?
- 通过Workbook类 生成Excel导出数据
- Window 下安装Redis
- 14.9.2 Specifying the Row Format for a Table 指定 表的行格式
- SqlDataReader中的GetSqlValue()方法
- Oracle 12C 新特性之表分区或子分区的在线迁移
- [Luogu1801] 黑匣子 - Treap
- Linux netfilter 学习笔记
- logback 按时间和大小生成日志不生效的问题
- shell练习题1
- [剑指Offer]29-顺时针打印矩阵-Java
- spring boot -thymeleaf-异常处理