JS来实现iframe 的标准化

最新推荐文章于 2021-12-23 11:18:05 发布
最新推荐文章于 2021-12-23 11:18:05 发布
阅读量561 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 文章标签： iframe border function url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yangdeli888/article/details/7579607
本文介绍了一种使用JavaScript来实现iframe标准化的方法。通过创建一个JS文件并定义一个ifr函数，可以轻松地在页面中插入不同尺寸及来源的iframe。这种方法简化了iframe的管理和布局。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >



用JS来实现iframe 的标准化.
    一、建立一个JS文件，代码如下：
    function ifr(url,w,h){document.write('<iframe id="ifr" name="ifr" width="'+w+'" height="'+h+'"       border="0" frameborder="0" scrolling="no" src="'+url+'"></iframe>');}
    保存成"ifr.JS"
    二、在网页中插入代码
    <script type="text/JavaScript" src="ifr.JS"></script>
    三、在需要使用iframe的地方插入代码
    <script type="text/JavaScript">ifr('http://www.51fy.cn/','778','120');</script>
    函数ifr()使用说明：ifr('这里写地址','这里写宽度','这里写长度',)
div+js实现iframe效果
姑苏城外_寒山寺
03-30 4971
div+js实现iframe效果
JavaScript iframe数据共享接口实现方法
10-23
此外，当我们需要在iframe子页面中获取父页面的元素或者方法时，可以使用window.parent来访问父窗口的全局对象，然后通过标准的JavaScript属性或方法来获取需要的内容。例如，通过window.parent.document可以获取父...
js 实现 动态添加iframe框架
03-31
js 实现 动态添加iframe框架! 值得下载看看!资源免费,大家分享!!
JS实现刷新iframe的方法
weixin_34232744的博客
06-18 123
&lt;iframe src="1.htm" name="ifrmname" id="ifrmid"&gt;&lt;/iframe&gt; 　　方案一:用iframe的name属性定位 　　&lt;input type="button" name="Button" value="Button" 　　onclick="document.
div+js实现iframe效果[转]
大富豪的雨伞黎儿的博客
02-08 538
[转] https://blog.youkuaiyun.com/wpy1282316637/article/details/68484553 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="iFrameWeb2.aspx.cs" Inherits="web2_test.iFrameWeb2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"&gt
html----------iframe-------标准Html中很少用
---------------阿谢—————『flyxiaoye』----------
01-02 484
iframe并不是很常用的，在标准的网页中非常少用。但是有朋友经常问到，下面我简单地介绍一下它的用法，你只要熟练掌握这些参数足矣。也应该是框架的一种形式，它与不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如：，这里的URL可以是相对路径，也可以是绝对路径width表示宽度，height表示宽度，可根据实际情况调整。scrolling表示是否显示页面
javascript原生和jquery库实现iframe自适应高度和宽度
10-25
关于实现iframe自适应高度和宽度的内容，可以使用原生JavaScript和jQuery库两种方式来完成。下面将详细解释使用这两种技术的实现方法及代码示例。 ### 使用原生JavaScript实现iframe自适应高度和宽度 要使用原生...
JS获取并操作iframe中元素的方法
12-09
JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位)： 代码如下: document.frames[i].document.getElementById(‘元素的ID’); 2、IE专用(通过iframe名称形象定位)： 代码如下: ...
JS加载iFrame出现空白问题的解决办法
10-22
针对IE6浏览器中使用JavaScript加载iframe时出现的空白问题，可以通过以下方法解决：利用`setTimeout`进行延迟加载、动态修改iframe的`src`属性、使用`document.frames`来控制iframe加载，以及通过控制属性来实现单...
CSDT::door: 一个用于标准化跨 iframe 通信的实验性库
07-24
用于标准化跨 iframe 通信的过期库。 关于 站点导入CSDT对象，然后将其用作 API 以从也实现它的其他页面发送或接收信息。 可用于同步数据 - 允许站点之间易于使用的实时协调。 有关此库的示例，请查看 。 安全 该...
用JS代替iframe嵌入[转]
weixin_30342827的博客
10-18 336
源于：http://www.ssyyy.com/thread-1009-1-1.html 有的时候我们会用iframe实现一些效果，但我们都知道iframe对于seo来说是不欢迎的，那么有办法来解决吗！？ 答案是有的。方法很简单，就是使用JS进行实现！ 首先、在要插入iframe的地方写一句JS，如下： 1 <script language="javascript" ...
页面自动刷新代码大全
weixin_30527143的博客
10-21 762
页面自动刷新代码大全，基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。1) 10表示间隔10秒刷新一次2)<script>window.location.reload(true);</script>如果是你要刷新某一个iframe就把window给换成frame的名字或ID号3)<script>window.navigate("本页面ur...
JS操作之iframe
weixin_42979149的博客
09-30 3487
window.frameElement 返回嵌入当前window对象的元素(比如 或者 ),如果当前window对象已经是顶层窗口,则返回null. window.name 获取/设置窗口的名称。
用js实现iframe的页面跳转
weixin_45859411的博客
12-23 4033
在制作页面的过程中，涉及到导航栏点击后iframe中页面也相应动态更新的问题，找了几个文章都不太通用。因此这里记录一个相对可以通用的方法 <div class = "nav"> //给每个li设置点击事件 <li onclick = "myFunction(0)">页面1</li> <li onclick = "myFunction(1)">页面2</li> <li onclick = "myFunction(2)">页面3&lt
js实现刷新iframe的方法汇总
热门推荐
亦念戈涯
08-09 2万+
汇总了一些js实现刷新iframe框架的方法，非常的简单实用
通过JS定义一个Iframe
奔跑的猪皮
03-22 5993
var iframe = document.createElement(“iframe”); document.body.appendChild(iframe); iframe.style.display = “none”; iframe.src = url;
实现iframe和frame间JS相互操作的技巧
在Web开发中，iframe和frame是两种用于在当前网页...在实际开发中，考虑到HTML5的标准化趋势，开发者应该尽量使用iframe标签，避免使用已废弃的frame和frameset标签，并且在设计网页布局和功能时，要兼顾兼容性和性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值