iframe几种常用代码片段

简介: iframe几种常用代码片段
<iframe
        id="SGframe"
        src="外部文件名.html"
        frameborder="no"
        scrolling="no"
        style="display:block">
</iframe>
<!--全屏iframe设置-->
<iframe
        id="SGframe"
        src="https://720yun.com/t/f33jOzhkOm3?scene_id=3268173"
        frameborder="no"
        scrolling="no"
        width="100%"
        height="100%"
        style="display:block">
</iframe>
<!--
/*全屏样式设置才能让iframe全屏生效*/ 
html, body {
 height: 100%; 
 overflow: hidden; 
 margin: 0; 
 padding: 0; 
 }
-->
/*判断iframe是否加在完毕*/
onload = function () {
    let iframe = document.createElement("iframe");
    iframe.id = "ID名";
    iframe.src = "外部文件名.html";
    if (iframe.attachEvent) {
        iframe.attachEvent("onload", function () {
            //加载完毕
        });
    } else {
        iframe.onload = function () {
            //加载完毕
        };
    }
    document.body.appendChild(iframe);
};
/*判断当前页面没有被嵌入iframe就跳转到对应的首页*/ 
top.location === location && alert('被嵌入到了其他网页');


相关文章
|
2月前
|
JavaScript 前端开发 安全
JavaScript实现跳转的方法
JavaScript实现跳转的方法
25 0
|
JavaScript 前端开发
js内联外联样式的获取,父页面获取iframe框架元素返回null
js内联外联样式的获取,父页面获取iframe框架元素返回null
|
JavaScript 前端开发
在查看源代码中隐藏 JavaScript 代码
在查看源代码中隐藏 JavaScript 代码
172 0
|
缓存 移动开发 JavaScript
如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性
如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性
374 0
如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性
|
Web App开发 JavaScript 前端开发
iframe调用父页面javascript函数的方法
1、iframe子页面调用 父页面js方法 子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数,就写成: window.parent.a();   2、父页面调用iframe 子页面js方法 这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.
3479 0
|
移动开发 Java HTML5
HTML5 学习10.iframe内联框架
HTML5 学习10.iframe内联框架
|
JavaScript 前端开发
使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接
使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接
354 0
使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接
|
Web App开发 JavaScript 前端开发
JavaScript 技术篇-js获取iframe内的元素方法实例演示
JavaScript 技术篇-js获取iframe内的元素方法实例演示
730 0
JavaScript 技术篇-js获取iframe内的元素方法实例演示