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 相关文章推荐
使用UglifyJS合并/压缩JavaScript的方法
Mar 07 Javascript
js隐式全局变量造成的bug示例代码
Apr 22 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
JSON相关知识汇总
Jul 03 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
Node.js中的child_process模块详解
Jun 08 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
通过javascript实现段落的收缩与展开
Jun 26 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
建立文件交换功能的脚本(三)
2006/10/09 PHP
QQ登录 PHP OAuth示例代码
2011/07/20 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
php往mysql中批量插入数据实例教程
2018/12/12 PHP
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
javascript基本数据类型及类型检测常用方法小结
2016/12/14 Javascript
详解如何较好的使用js
2016/12/16 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
Nuxt 项目性能优化调研分析
2020/11/07 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
Python生成不重复随机值的方法
2015/05/11 Python
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
python找出完数的方法
2018/11/12 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
一行Python代码过滤标点符号等特殊字符
2019/08/12 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Python Django框架防御CSRF攻击的方法分析
2019/10/18 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
MIS软件工程师的面试题
2016/04/22 面试题
书法兴趣小组活动总结
2014/07/07 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
向女朋友道歉的话
2015/01/20 职场文书
护理自荐信
2019/05/14 职场文书