JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法

今天做了一个frameset的集合页面，其中有多个iframe页面，其中点击frame=leftMenu里的按钮元素后，需要修改frame=Header页面里的一个div元素属性。

1、主页面架构

</frameset>

</frameset>

</head>

<body>

</body>

</html>

2、javascript代码写在leftMenu页面中

function reQueryMenu(){
//获取header页面中需要修改的div元素
var headerMenuDiv=$(parent.frames['Header'].document.getElementById('helpDiv'));

//获取该div下所有li元素
var menuLi=headerMenuDiv.find("li");

//为第二个li元素添加hover的样式
menuLi.eq(1).addClass("hover");

}

3、主要代码就是parent.frames['Header']，这个方法能获取到那么是Header的frame页面，然后可以写任何你想获取的元素了

4、leftMenu页面调用Header页面方法.

leftMenu页面需要调用Header页面的yourFunName()方法时，可以执行以下脚本：

self.parent.frames["Header"].yourFuncName();

是不是非常简单呢

JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法的更多相关文章

跨域获取json数据
原文地址:http://my.oschina.net/LinBandit/blog/34570 前阵子做了一个前端动态加载json数据的应用,其中使用xmlhttprequest动态加载js,但是 ...
利用location.hash+iframe跨域获取数据详解
前言如果看懂了前文利用window.name+iframe跨域获取数据,那么此文也就很好理解了.一样都是动态插入一个iframe,然后把iframe的src指向服务端地址,而服务端同样都是输出一段j ...
利用window.name+iframe跨域获取数据详解
详解前文提到用jsonp的方式来跨域获取数据,本文为大家介绍下如何利用window.name+iframe跨域获取数据. 首先我们要简单了解下window.name和iframe的相关知识.ifra ...
iframe 跨域问题解决方案利用window.name+iframe跨域获取数据详解
详解前文提到用jsonp的方式来跨域获取数据,本文为大家介绍下如何利用window.name+iframe跨域获取数据. 首先我们要简单了解下window.name和iframe的相关知识.ifra ...
再也不学AJAX了！（三）跨域获取资源 ① - 同源策略
我们之前提到过,AJAX技术使开发者能够专注于互联网中数据的传输,而不再拘泥于数据传输的载体.通过AJAX技术,我们获取数据的方式变得更加灵活,可控和优雅. 但是AJAX技术并不是一把万能钥匙,互联网 ...
jsonp跨域获取数据实现百度搜索
本菜鸡最近在写某个页面请求数据时,报了如下的错误. Failed to load https://...:No 'Access-Control-Allow-Origin' header is pres ...
跨域获取json一些理解[腾讯电商数据的拉取方式]
如何跨域获取json数据源?我们都知道要有callback,具体callback是如何工作的呢?如果服务器端不接收callback,我们是不是就没有办法处理了呢?读完本文后相信你会有一个大体的了解. ...
jQuery之ajax的跨域获取数据
如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面.服务 ...
ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头.正确响应options请求,正确设置 JavaScript端需要设置的headers信息方能实现. 此处手札供后人参 ...

随机推荐

CentOS6.8 安装配置Mysql
1.下载mysql的repo源 wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm 2.安装mysql-commun ...
python之路--subprocess,粘包现象与解决办法,缓冲区
一. subprocess 的简单用法 import subprocess sub_obj = subprocess.Popen( 'dir', #系统指令 shell=True, #固定方法 std ...
drf信号量
Django信号量回顾及drf信号量常用操作一.在写接口视图时,保存/删除/更新数据前后需要对序列化后的数据进行处理的方法: 1.重写mixins.CreateModelMixin中恩的create ...
解决 Redis 只读不可写的问题
本文转载:https://blog.csdn.net/han_cui/article/details/54767208?tdsourcetag=s_pcqq_aiomsg 解决 Redis 只读不可写 ...
Nginx 减少磁盘读写次数
L:133
django--orm表自关联详解
什么是表内自关联表内自关联是指表内数据相关联的对象和表是相同字段,这样我们就直接用表内关联将外键关联设置成自身表的字段.同样表内关联也分一对多字段和多对多字段例如:对于微博评论,每条评论都可能有子 ...
git 回退版本
回滚到指定的版本 git reset --hard e377f60e28c8b84158 强制提交 git push -f origin master
HDU4341-Gold miner-分组DP
模拟黄金矿工这个游戏,给出每一个金子的位置和所需时间,计算在给定时间内最大收益. 刚看这道题以为金子的位置没什么用,直接DP就行,WA了一发终于明白如果金子和人共线的话只能按顺序抓. 这就是需要考虑先 ...
property装饰器
# 需要了解的property的用法 class People: def __init__(self,name): self.__name=name @property def name(self): ...
hdu 2955 Robberies (01背包）
链接:http://acm.hdu.edu.cn/showproblem.php?pid=2955 思路:一开始看急了,以为概率是直接相加的,wa了无数发,这道题目给的是被抓的概率,我们应该先求出总的 ...

JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法

JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法的更多相关文章

随机推荐

热门专题