首页 / JAVASCRIPT / javascript跨域刷新实现代码

javascript跨域刷新实现代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript跨域刷新实现代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1603字，纯文字阅读大概需要3分钟。

内容图文

三个页在同一个窗口，分别为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跨域刷新实现代码全部内容，希望文章能够帮你解决javascript跨域刷新实现代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/369955.html

来源：【匿名】