javascript跨域刷新实现代码
时间:2024-04-16 08:46:37
三个页在同一个窗口,分别为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个节点的树加载,效率值得思考的问题。
标签:跨域刷新
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Dreamweaver使用中的7个常见问题与解答
2007-11-03 11:34:00
SQLServer 快速备份的十种方法
2024-01-21 01:04:32
MySQL 备份还原数据库批处理
2024-01-16 21:03:52
解析PHP可变函数的经典用法
2024-06-05 09:38:32
mysql中coalesce()的使用技巧小结
2024-01-23 18:27:56
Mysql字符集和排序规则详解
2024-01-17 05:27:46
MongoDB为用户设置访问权限
2023-07-16 06:03:52
JavaScript代码着色器
2010-01-22 15:53:00
PHP生成随机数的方法实例分析
2024-05-03 15:49:09
Python中设置变量作为默认值时容易遇到的错误
2023-09-14 09:32:00
Python2和Python3的共存和切换使用
2022-12-26 13:05:20
![](https://img.aspxhome.com/file/2023/7/104967_0s.png)
ORACLE正则匹配查询LIKE查询多个值检索数据库对象
2024-01-20 18:11:01
![](https://img.aspxhome.com/file/2023/4/64094_0s.png)
Python变量及数据类型用法原理汇总
2022-12-04 11:11:41
这些有问题的细节设计
2009-04-20 12:47:00
![](https://img.aspxhome.com/file/UploadPic/20094/20/wangwang-84s.png)
Python+Selenium+Pytesseract实现图片验证码识别
2023-08-17 11:44:01
![](https://img.aspxhome.com/file/2023/3/89043_0s.png)
为什么MySQL不建议使用SELECT *
2024-01-26 21:29:44
![](https://img.aspxhome.com/file/2023/9/110939_0s.png)
asp中判断服务器是否安装了某种组件的函数
2011-02-16 10:53:00
tkinter使用js的canvas实现渐变色
2024-02-24 20:46:47
![](https://img.aspxhome.com/file/2023/4/56394_0s.png)
Django文件存储 自己定制存储系统解析
2023-09-17 13:06:25
pygame学习笔记(6):完成一个简单的游戏
2021-10-16 11:08:01