博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两个本地(localhost)html文件之间的传值
阅读量:6006 次
发布时间:2019-06-20

本文共 844 字,大约阅读时间需要 2 分钟。

什么是iframe?

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。可以理解为把iframe解释成“浏览器中的浏览器

在IE中:

document.frames[i].document.getElementById('元素的ID');

或:

document.frames['iframe的name'].document.getElementById('元素的ID');

 

直接上代码:

总共有两个html文件 

这上1.html文件,代码如下:

这是1.html

这是1.html的内容这是1.html的内容这是1.html的内容这是1.html的内容


2.html的代码如下:

这是2.html这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容
这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容
这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容这是2.html的内容

safari中的运行结果如我们所愿:

点击按钮后的效果图上:

在goole chrome中就没那么幸运了,无论怎么改都报错检查效果图上:

 

原因:跨域,file:///类型的也算跨域,chrome对于file协议有安全限制,无法用js访问本地资源,对于http则是好的,所以上面页面要是在iis/apache网站中打开应该是没问题的 。。chrome要发布网站同源的才能互相操作,本地测试操作不了iframe,安全问题,chrome本地也用不了ajax请求本地文件,又有说法是chrome的内核不支持iframe 这个属性。

转载于:https://www.cnblogs.com/qq1871707128/p/6033546.html

你可能感兴趣的文章
jQuery选择器和事件
查看>>
2.4 salt grains与pillar jinja的模板
查看>>
VDI序曲二十 桌面虚拟化和RemoteApp集成到SharePoint 2010里
查看>>
cx_Oracle install
查看>>
jquery ajax从后台获取数据
查看>>
Nginx下载服务生产服务器调优
查看>>
移动互联网,入口生死战
查看>>
nginx面试常问题目
查看>>
制作ubuntu系统u盘镜像,以及安装
查看>>
JAVA多线程深度解析
查看>>
Kafka High Level Consumer 会丢失消息
查看>>
时间轴
查看>>
入坑vim之配置文件vimrc
查看>>
java 获取系统当前时间的方法
查看>>
Ubuntu 10.04升级git 到1.7.2或更高的可行方法
查看>>
MyBATIS(即iBATIS)问题集
查看>>
Linux下autoconf和automake使用
查看>>
UDP之socket编程
查看>>
Spring Security4实战与原理分析视频课程( 扩展+自定义)
查看>>
Centos6.5升级系统自带gcc4.4.7到gcc4.8.0
查看>>