iframe 的基本操作

要在服务器环境下才行

1、iframe 下操作父页面
window.parent.document.getElementById //全部支持
window.top //最顶层
ie 下的iframe的onload事件只能用在绑定的形式

2、父页面下操作iframe
oIframe.contentWindow //iframe 的window 全部支持
oIframe.contentDocument //iframe 的window ie6、7下不支持

3、防钓鱼(判断window.top.location.href==window.location.href)
4、iframe 高度自适应
function changeHeight(){
setTimeout(function(){
oIframe.height=oIframe.contentWindow.document.body.offsetHeight;
},100)
}

转载于:https://my.oschina.net/u/3147332/blog/807102

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用iframe文件上传是一种常见的网页文件上传技术。通过动态创建一个隐藏的iframe元素,并将表单的target属性设置为该iframe的name属性,实现了无刷新的文件上传操作。 以下是使用iframe文件上传的步骤: 1. 首先,在HTML页面中创建一个iframe元素,并设置其id和name属性,例如: ```html <iframe id="upload-iframe-unit" name="message_unit" style="display: none"></iframe> ``` 2. 在表单的onsubmit事件中调用一个JavaScript函数,该函数用于动态生成一个具有随机名称的iframe,并将表单的target属性设置为该iframe的name属性。示例代码如下: ```html <script type="text/javascript"> function iframeUp() { var fname = 'up' + Math.random(); // 生成一个随机名称 $("<iframe width='0' height='0' frameborder='0' name='" + fname + "'></iframe>").appendTo($('body')); // 动态生成一个iframe标签 $("form:first").attr('target', fname); // 将form的target值改为iframe的name值 } </script> ``` 3. 在表单中添加文件上传输入框,并将其onchange事件设置为触发表单提交操作。示例代码如下: ```html <form action="upload.php" onsubmit="return iframeUp();" method="post" enctype="multipart/form-data"> <input type="file" name="pic" onchange="$('form').submit()" /> </form> ``` 通过以上步骤,当用户选择文件后,文件上传操作将在隐藏的iframe中进行,而不会影响当前页面的刷新。上传的文件将被提交到指定的服务器端处理脚本(例如upload.php),并可在该脚本中进行文件处理和保存操作。 请注意,以上示例代码仅提供了基本的使用iframe实现文件上传的概念和方法,具体的实现方式可能会因项目需求和环境差异而有所不同。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值