iframe内联框架的使用

<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容。

也可以通过iframe标签打开文件,例如excle,doc等。

对于iframe应该谨慎使用,因为它具有效率低,浏览器的后退按钮无效,安全性等问题。

你可以把提示的文字放到 <iframe> 和 </iframe>里面,因为iframe不加载内嵌标签,这样不支持 <iframe>的浏览器就会出现提示的文字。

iframe的属性值:

 

例子1:通过隐藏的iframe打开文件

<iframe name="myiframe" hidden="ture" id="myiframe" frameborder="0" align="left" width="200" height="200" scrolling="no">
<p>你的浏览器不支持iframe标签</p>
</iframe>
<input type="button" value="打开文件" onclick="fuc();" />

<script>
    function fuc(){
        $("#myiframe").attr("src","/file/MyEclipse.doc");
    }
</script>

可以通过下面的方法代替:

<input type="button" value="打开文件" onclick="fuc();" />

<script>
     function fuc(){
       location.href = "/file/MyEclipse.doc";
    }
</script>

例子2:内联一个外部网页

<iframe src="http://www.baidu.com" width="20%" height="50%"> 
</iframe>
<body>
</body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值