javascript跨域刷新实现代码


Posted in Javascript onJanuary 01, 2011

三个页在同一个窗口,分别为main.htm,left.htm和right.htm。
main.htm

<html> 
<head> 
<title>实现跨</title> 
</head> 
<body> 
<div>主窗口</div> 
<iframe id="left" name="left" width="500px" height="300px;" src="left.htm" ></iframe> 
<iframe id="right" name="right" width="100px" height="100px;" src="right.htm" ></iframe> 
</body> 
</html>

left.htm
<html> 
<head><title>左边</title></head> 
<body> 
<div>我是左边</div> 
<div><img src="http://www.enjoymyself.info/images/buysc.jpg" alt=" " /></div> 
</body> 
</html>

right.htm
<html> 
<head><title>右边</title></head> 
<body> 
<div> 
<input onclick="onclickRefresh();" type="button" value="提交" /></div> 
<script type="text/javascript"> 
function onclickRefresh() 
{ 
parent.frames[ "left"].location.reload(); 
//window.left.location.reload(); 
} 
</script> 
</body> 
</html>

看到right.htm里面
function onclickRefresh()通过 parent.frames["left"].location.refresh();来实现右边页面刷新左边页面.
如果在主页面加
<div><input type="button" onclick="mainRefresh();" value="主提交" /></div> 
<script type="text/javascript"> 
function mainRefresh() 
{ 
window.left.location.reload(); 
} 
</script>

则可以通过主页面刷新子页面。
虽然这样可以超级简单的实现的目的,但是实际项目中,数据不会是这么简单的,最常见是左\右树,目录树的创建加载(如创建一千个节点)本来就是比较耗资源。如果还是通过方式来刷新左右页面,效率之低可见而知,那么是不是可以通过其他方式来实现跨域刷新或者提交呢?
我所想到的是通过ajax实现数据局部加载。而不是整个树的加载。另外通过jquery的json处理方式也可实现局部数据的更新。
不知道还有没有其他更高效的方法?1000个节点的树加载,效率值得思考的问题。
Javascript 相关文章推荐
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
使用javascript提交form表单方法汇总
Jun 25 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
js实现上传图片及时预览
May 07 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
原生JS+Canvas实现五子棋游戏实例
Jun 19 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
vue 引用自定义ttf、otf、在线字体的方法
May 09 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 Javascript
JavaScript封装单向链表的示例代码
Sep 17 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 Javascript
extjs中grid中嵌入动态combobox的应用
Jan 01 #Javascript
js注意img图片的onerror事件的分析
Jan 01 #Javascript
JavaScript 计算图片加载数量的代码
Jan 01 #Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 #Javascript
基于jQuery架构javascript基础体系
Jan 01 #Javascript
jQuery技巧总结
Jan 01 #Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 #Javascript
You might like
10条php编程小技巧
2015/07/07 PHP
浅谈tudou土豆网首页图片延迟加载的效果
2010/06/23 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
自己写的Javascript计算时间差函数
2013/10/28 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
jquery实现的树形目录实例
2015/06/26 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
2015/12/18 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
jq checkbox 的全选并ajax传参的实例
2017/04/01 Javascript
利用node.js制作命令行工具方法教程(一)
2017/06/22 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
用js简单提供增删改查接口
2019/05/12 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[22:07]DOTA2-DPC中国联赛 正赛 iG vs Magma 选手采访
2021/03/11 DOTA
python模块restful使用方法实例
2013/12/10 Python
单利模式及python实现方式详解
2018/03/20 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
python:接口间数据传递与调用方法
2018/12/17 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
Why we need EJB
2016/10/20 面试题
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
一年级评语大全
2014/04/23 职场文书
酒会开场白大全
2015/06/01 职场文书
2015年法律事务部工作总结
2015/07/27 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle
Python安装使用Scrapy框架
2022/04/12 Python