1回答
如何延迟iFrame的加载？iFrame (页面底部)是：
( A)减缓网站装载时间
( B)与滑块冲突(见我的另一个问题re:滑块)
为了将iframe加载推迟到DOM就绪之后，我尝试：
<iframe id="iframe_id" src="http://sourcewebsite.com" style="width:100%;height:700px;border:0px;background-color:;" frameborder="0" allowtransparency="true
浏览 3提问于2015-05-03得票数 1
回答已采纳
我有一个包含parent.js的超文本标记语言页面。在该html中，将在运行时创建一个iFrame。此iframe需要在其上下文中包含parent.js。如果我有一个
function save() { ... }
在parent.js中，我可以从iframe.js调用它，比如
parent.save();
但我需要在iframe上下文中调用它，比如
save();
因此，我在iframe html中再次加载了parent.js。这使得parent.js在我每次创建新的iframe时都会被加载。
有没有什么办法可以将已经加载的parent.js重用到创建的每个iframe中？
loadPare
浏览 0提问于2012-07-13得票数 3
回答已采纳
1回答
可以在iframe上加载外部JS吗？我正在尝试加载url到iframe，然后注入一些JS来做一些事情的内容。每次我尝试加载JS时，它都会加载到主页上，但不会加载到iframe上。
到目前为止，我已经尝试过innerHTML，然后注入JS，但没有成功。请，任何方向都将是非常欢迎的！
谢谢
浏览 4提问于2011-11-20得票数 0
因此，我正在使用一个使用jQuery元素动态构建的页面中的iframe。我想在iFrame中以特定的顺序加载几个外部javascript文件。是否可以在该iFrame中加载require.js，然后使用它通过js代码加载外部js文件？
浏览 11提问于2014-10-22得票数 2
2回答
我有一个iframe，它加载了一个页面，我想在iframe加载的页面中禁用javascripts加载。加载的页面有菜单栏、下拉列表等，这使得我从加载iframe加载的主页变得缓慢。有没有办法从我的iframe页面中禁用javascript？
我需要javascripts留在页面中，因为访问者可以访问该页面。
下面是我加载iframe的代码：
<div style="position:absolute; overflow:hidden; width: 800; height:400; left:-170px; top:0px;">
<iframe src=
浏览 4提问于2010-10-01得票数 5
回答已采纳
2回答
我在我的网站上使用pace.js，我在处理包含iframe的页面时遇到了困难。有没有办法让pace.js考虑到这些iframe中的内容加载？
我尝试将paceOptions设置为在确定页面已完全加载之前等待iframe选择器加载，但它似乎只是识别页面上有iframe，而不是其中的内容已呈现。
这是我目前所拥有的：
<script>
paceOptions = {
elements: {
selectors: ['iframe']
}
}
</script>
<script src="include/pace/
浏览 2提问于2015-07-03得票数 2
1回答
我正在寻找一种使用jQuery/js来显示“加载...”的方法。当iframe加载完成时，当iframe完成加载时，将显示“正在加载...”文本应该消失。
使用jquery/js可以做到这一点吗？
注意:我没有任何控制内的iframe的网站。
浏览 9提问于2011-03-04得票数 2
回答已采纳
我希望将codemirror js编辑器加载到iframe中，以避免样式重写。我读了文档，但还不清楚。这是我被试过的。
<iframe id="code"></iframe>
Js
var codemirror = CodeMirror(document.getElementById("code").contentWindow.document.body, {
mode: "javascript",
theme: "monokai
浏览 5提问于2015-06-18得票数 0
1回答
从运行在本地web服务器上的php页面上，我将在iframe中打开我们的一个web应用程序。这两个页面都托管在同一台服务器上，因此我没有跨域问题。
直接编辑页面不是一个选项，所以我尝试将jquery-min.js和test.js页面注入到加载在iframe中的页面中。
当iframe加载后，我将使用以下代码。我已经确认css文件的添加是正确的，因为这会改变iframe中加载的页面背景，但是jquery-min.js和test.js似乎没有做任何事情。
iframe = iframeModal.body.firstChild.contentWindow.document
var
浏览 4提问于2022-05-04得票数 0
回答已采纳
1回答
我目前正在创建一个小部件，它将异步加载一个JS文件，然后相应地创建一个IFrame，我当前的问题是创建Iframe的位置。我需要将IFrame创建到父节点中，这是未知的。
问题是正在加载的JS (无论它粘贴在example.html页面的何处)没有在父元素中加载IFrame。我需要它始终将IFrame加载到粘贴JS片段的父元素中。
example.html
<script type="text/javascript">
var uid = "1";
(function(){
var m = document.createEle
浏览 2提问于2013-11-12得票数 0
1回答
我需要在iframe中加载模板，所以我编写了以下代码
<div class="col m8 l8 s12 margin-top-30" id="hue-demo-bg-div">
<iframe id="myiframe" src="/themes/{{$themeid}}.html" width="560" height="550" style="border-width: 0; position:fixed;"></iframe>
&
浏览 3提问于2016-10-27得票数 0
回答已采纳
我正在动态创建iframe，它只包含内容(没有src属性)。
var iframe = document.createElement('iframe');
iframe.contentWindow.document.body.innerHTML= my_page_content;
....
但是，JS脚本(<my_page_content中的script src=".....")没有被加载，我必须重新加载脚本。
这些方法不能帮助我重新加载frame：
//this one emptyfies the iframe at all
iframeEleme
浏览 7提问于2017-12-10得票数 0
1回答
我需要知道何时在页面上创建特定的iframe。iframe是在用户按下按钮时使用JS创建的，可以多次创建和销毁。
更新:创建iframe的JS是原始页面的一部分，所以我不能修改它，也不能访问它的变量或函数，chrome扩展是沙箱的。
我无法控制iframe的内容，也不能在其中注入任何JS。我只能在主页中注入JS，否则就没有其他控件了。
(这是一个chrome扩展，据我所知，它只能在主页中注入JS代码或页面加载的iframe，而不能在页面加载后动态创建的iframe)
现在我这样做：
window.setInterval( function() {
$("iframe").e
浏览 1提问于2013-09-23得票数 1
众所周知，浏览器将按照页面源中显示的顺序执行<script>元素(除了defer和async等)。我无法确定的是，是否也有一个规范可以保证跨<iframe>元素的订单。
如果我的主页包含：
<html>
<head>
<script src="a.js"></script>
</head>
<body>
<iframe src="inner.html" />
<!-- ... -->
</body&
浏览 4提问于2015-05-12得票数 3
回答已采纳
1回答
我有一个WKWebView，它加载了一个名为'start.html‘的本地html文件。在这个文件中，我在iframe中加载了另一个本地文档。
但是我不允许在iframe内容上使用来自start.html的js，并且不允许加载js文件。
在使用WKWebView之前，我使用过UIWebView，但为了提高性能，我不得不迁移
在UIWebView中，我从来没有遇到过跨域安全的问题。
当我在iframe上添加属性sandbox='allow-same-origin'时，我可以成功地执行start.html中的js代码，如下所示
$("#frame")[0].
浏览 0提问于2016-03-01得票数 5
2回答
在iFrame中是否存在禁用加载外部内容的问题？假设有一个iframe定义如下：
<iframe srcdoc="
<html>
<head>
<title>Example Page!</title>
<link rel='stylesheet' type='text/css' href='http://example.com/mystyle.css'>
</head>
浏览 2提问于2019-06-16得票数 3
我想做一个iframe页面，从其他网站加载页面。我已经尝试过"jQuery iFrame have“来设置iframe中的自动高度...但它是失败的。
有什么问题...？
这是我的代码：
on Head:
<script type="text/javascript" src="js/jquery.js" ></ script >
<script type="text/javascript" src="js/iframe.js"></script >
on Body:
<
浏览 2提问于2009-10-13得票数 3
回答已采纳
2回答
您好，我正在使用动态加载iframe。在父页面上，我目前正在实现以下代码来加载带有css的旋转预加载器图像：
<script type="text/javascript" src="//example.com/iframeResizer.min.js"></script>
<style>
iframe{width:100%}
.holds-the-iframe {
background:url(//example.com/preloader.gif) center center no-repeat;
浏览 0提问于2016-03-22得票数 0
我有javascript文件，它检查iframe是否已加载，如果加载了，则将一些内容附加到iframe中。
body_application.js
var iframe_object = $('#embedded_document_container')
.load(function(){
$(this).contents().find('head').append('<link type="text/css" rel="stylesheet" media="all" href="
浏览 3提问于2015-09-23得票数 0
回答已采纳
1回答
我使用的是David J. Bradshaw的iFrame Resizer。
将css样式从父级加载到IFrame中。在加载IFrame中的css IFrame之前，父级中显示的高度样式。
在父级中
<div style="max-width:500px;">
<iframe src="https://dikarier.com" name="dikarier" id="dikarier" width="100%" scrolling="no"></iframe&
浏览 13提问于2019-07-25得票数 0
回答已采纳
嗨，我正在制作一个Widget，它在Iframe中显示来自rails应用程序的页面。由于远程页面是在rails中开发的，在Iframe上呈现单个页面时，它会加载所有的JS和CSS文件，因此iFrame上的页面加载时间太长。
我试图在渲染页面时使用layout: false，但它没有加载任何JS和CSS文件。
有没有办法在rails视图中包含特定的JS和CSS文件？
浏览 1提问于2015-09-15得票数 0
3回答
我有一个页面，它同时使用了和代码，我使用这个突出显示了它。
问题是，这两个github按钮都是向api.github.com发出请求的iframe，有时需要一段时间才能加载。
当按钮加载时( chrome显示"waiting for api.github.com")，语法高亮工具的javascript无法执行。在iframe完全加载之前，它不会执行，这有时可能需要相当长的时间。
我更喜欢没有github按钮，并且比先加载github按钮更快地突出显示我的代码。我如何才能做到这一点？
我尝试过使用javascript异步加载按钮，但由于某些原因，iframe中的javascrip
浏览 1提问于2012-06-15得票数 4
2回答
我正在尝试将jquery插入到内容脚本中的iframe中。问题是jquery确实会被加载，但只返回一条消息'Jquery没有定义‘。我怀疑这与加载jquery所需的时间有关。我是否需要设置一个间隔以等待jquery被加载？或者，我可以立即使用jquery，而不必等待吗？我还试图从后台脚本中执行jquery脚本，但没有成功。
内容脚本
var jsjq = iframe.contentDocument.createElement("script")
jsjq.src = chrome.extension.getURL("jquery.min.js"
浏览 1提问于2016-06-09得票数 1
回答已采纳
我使用Ext.ui.iframe (ExtJs)创建了一个iframe，我想在这个iframe示例test.js中加载一个特定的文件，我如何才能在我的iframe中加载这个特定的文件？
浏览 12提问于2018-01-17得票数 0
我正试着做一个像柱塞一样的操场。我只是注意到生产中有一种非常奇怪的行为(在Cloudflare中使用active mode )，而在localhost中工作得很好。
由iframe，操场预览index_internal.html，它可能包含链接到其他文件(例如，.html，.js，.css)。iframe能够解释外部链接，如<script src="script.js"></script>。
因此，每当用户在编辑器上修改他们的文件(例如，script.js)时，我的程序将新文件保存到服务器上的一个临时文件夹中，然后通过iframe.src = ifram
浏览 2提问于2017-05-13得票数 5
回答已采纳
我正在使用jquery漂亮的照片2.5.3，我想知道当iframe内的图像链接被选中时，我如何才能让灯框显示在iframe的父窗口中？
下面是我的代码：
iframe中的页面：
<html>
<head>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="
浏览 2提问于2009-09-27得票数 1
回答已采纳
如何加载iframe的父页面css和脚本？
我希望将index.html文件的脚本和css加载到iframe中。
index.html文件中有一个iframe标记。
index.html
<head>
<link rel="stylesheet" href="css/common/common.css">
<script src="js/common/jquery-3.6.0.min.js"></script>
</head>
iframe.html
<head>
浏览 8提问于2022-04-06得票数 0
回答已采纳
假设我的HTML页面中包含了一个JS脚本
<script src="http://app.foo.com/script.js"></script>
或
<script src="http://app.bar.com/script.js"></script>
这是相同版本的JS，但服务于不同的域。实际上，是同一个脚本想知道它是从哪里加载的。
因此，基本上我希望script.js有这样的代码：
// 'app.foo.com' or 'app.bar.com' returned depe
浏览 0提问于2019-09-25得票数 0
回答已采纳
我尝试从从扩展加载到扩展的iframe (背景脚本或内容脚本)发送消息。通过内容脚本从扩展加载创建的Iframe。我正在寻找一种沟通的方式，但我的尝试都失败了.
Manifest.json
{
"author": "***********",
"background": {
"page": "back/background.html",
"persistent": true
},
"browser_action": {
"default_title&#
浏览 1提问于2017-09-08得票数 8
回答已采纳
2回答
如何在iframe中应用
、、、、
我正在编写一段动态加载Google字体的代码。
该页面的某些内容在iframe中加载(位于相同的域原点上)。我很难在iframe中加载和应用Web字体。我可以访问父文档和iframe。这是我的代码：
<h1>FONT to test</h1>
<p>Another FONT to test</p>
<iframe src="iframe-content.html"></iframe>
<script src="https://code.jquery.com/jquery-1.12.4.mi
浏览 1提问于2019-02-03得票数 1
回答已采纳
2回答
HTML:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<link href=&#
浏览 2提问于2014-03-05得票数 2
回答已采纳
2回答
检测何时加载iframe内容
、、、、
所以我有一个小的react组件来呈现一个iframe。我需要确定何时所有的内容(html等)已完全加载。
iframe正在加载orbeon表单，可能需要几秒钟才能完全加载。
我试过在iframe中挂接到“load”事件，它是有效的，但会在iframe加载时触发，而不是在iframe内容加载时。
我读过一些关于收听“DOMContentLoaded”的帖子，但似乎不能让它工作。
下面是呈现Iframe的react组件。
基本上，我需要在所有的iframe内容都被渲染后触发documentDrawerLoaded函数。
return React.createClass({
disp
浏览 29提问于2016-08-03得票数 0
3回答
我的页面加载了一个iframe。iframe包含一个很小的标记，包括“Click”
我有一个js文件，包括它控制的buton的点击事件。目前，JS文件包含在我的iframe加载的小页面中。
我希望将我的javascript库包含在包含的页面级别，而不是iframe加载的页面中。所以我把它移走了。当我这样做时，当我这样做时，click()事件停止触发，这一点你们中熟悉的人不会感到惊讶。
$(document).ready(function(){
$('#filter_button').c
浏览 1提问于2012-02-10得票数 3
回答已采纳
我在index.php的页脚中有一个带有id=" iframe“的iframe，我想在加载iframe后包含一个javascript文件。
到目前为止，我有：
<script>
$('#iframe').onload = function () {
</script>
<script src="/js/myjsfile.js"></script>
<script>
}
</script>
然而，网页变得愤怒起来，并说: SyntaxError:意外的输
浏览 0提问于2017-07-29得票数 0
1回答
我的网页上有个iframe。此iframe包含一个具有多个选择的表单。为了减少加载时间，使用jquery在document.ready之后加载这个iframe。现在我想跟踪表单中的按钮是否被点击了。使用Google跟踪网页中的事件是有效的，但是如果想以形式跟踪事件，我还必须在iframe加载的文件中包括analytics.js。
问题:如果事件跟踪有效，但是analytics.js被加载了两次，每个页面请求都会被计算两次。
为了解决这个问题，我检查analytics.js是否已经加载，以防止双重加载，但这必须通过一个小的超时来完成。超时取决于每个用户的可用带宽，而不是每个用户都被修复。这同样适
浏览 4提问于2017-12-24得票数 1
1回答
更新了(通过链接到示例)
Link： (单击Nav菜单>设置>配置文件设置)
我正在使用iFrame将我的网站的另一页加载到我的索引页面上。这一切都应该来自同一个领域。当我的iFrame页面加载时，它还会加载主Nav菜单的副本。我想删除这个iFrame导航菜单，只有一个纯框架填充内容。
当用户单击按钮时，我的iFrame是使用javascript追加创建的。
$("#menuOverlay").append("<iframe id='iframeContact'' src='contact.php' width=
浏览 2提问于2016-08-08得票数 0
回答已采纳
我有以下几点：
$(document).ready(function() {
var myIframe = document.getElementById('myIframe');
var element = myIframe.contentDocument.createElement('script');
element.setAttribute('src', '/javascripts/library/jquery/jquery.min.js');
myIframe.contentWindow.doc
浏览 2提问于2010-03-07得票数 0
回答已采纳
我的分机里有个iframe。iFrame帮助用户登录帐户。一旦用户登录并在关闭后再次单击该扩展。iframe将再次加载，用户将被注销。
目前，iframe直接嵌入到html中。我也尝试过使用JS附加它，但是即使这样也没有帮助。
编辑：我的清单：
"permissions": ["tabs", "http://*/*", "https://*/*","activeTab"],
"content_scripts":[
{
"matches":["htt
浏览 1提问于2013-11-15得票数 0
2回答
情况是这样的:我们有一个文件上传页面。我们不想在上传完成后重新加载页面，所以我们将表单放在iframe中。iframe内部的表单发布到自己，并在完成后返回json。我们如何才能捕捉到这种反应？上传完成后，iframe会重新加载，换句话说，当iframe被重新加载时，我们如何捕获？
假设如下：
我们不能打印/返回任何东西，除了json对象(所以没有js代码来调用父文档中的函数)，我们不能使用ajax，因为您不能使用ajax来发布文件，我们不能在iframe内部添加javascript代码，因为一旦提交了iframe内部的表单，页面就会重新加载，我们就失去了附加的js代码.。
有什么想法吗？
UP
浏览 12提问于2011-10-30得票数 2
回答已采纳
2回答
在javascript中，我将<script tag>插入到iframe中，如下所示：
var iframe = document.getElementById('iframe');
var doc= iframe.contentWindow.document.getElementsByTagName('head')[0];
var jquery = document.createElement("script");
jquery.type = "text/javascript";
jquery.src = &#
浏览 0提问于2013-05-24得票数 1
2回答
我被要求为一个作为iFrame加载另一个页面(来自同一个站点)的站点实现。
当GTM作为iFrame加载时，我想在这个页面上禁用它，但是当访问者进入该页面时，它就正常工作了。
我可以与JS检查页面是否作为iFrame加载，从而不加载GTM脚本内容。但是，如果禁用JS ( GTM代码的noscript部分通常会被接管)，是否有解决方案？
浏览 3提问于2015-06-30得票数 1
回答已采纳
2回答
如何对元素进行自动处理
、、、
我有一个投资组合页面，嵌入了大约12个iframe元素。我想知道是否有一种方法来缓存或自动加载iframe元素，以便我不需要在每次加载网站时重新加载。
下面是我的iframe元素的样子：
<iframe src="http://iframe.url" width="300" height="600" frameborder="0"></iframe>
iframe元素包含横幅广告，包括图像、HTML和JS代码。请告诉我如何完成这项任务。谢谢你的帮助!
浏览 5提问于2017-02-06得票数 3
回答已采纳
我想动态注入和加载一个iframe在背景页。但是每次请求都被取消了。
一周前就起作用了。我不知道我哪里错了。
为了重现这个问题，我创建了一个小的扩展：
manifest.js：
{
"name": "iframe background",
"version": "1.0.0",
"manifest_version": 2,
"browser_action": {
"default_title": "iframe"
浏览 5提问于2017-03-15得票数 1
回答已采纳
我已经呈现了一个外部JS container.As内的iframe我点击提交按钮，一个带有源"www.totalgadha.com“的iframe正在加载到container.However中我希望加载的页面适合容器的大小，而不是让scrolls.How将iframe调整到EXT JS容器的大小？小提琴链接是：
浏览 0提问于2016-06-23得票数 1
我正尝试在一个表单上运行javascript，该表单加载了来自外部js文件的内容，但由于内容不能立即加载而失败
我尝试过监听iframe中html按钮的加载，但没有得到任何结果：
document.querySelector('#hyform button').addEventListener('load', function() {
console.log('external js content loaded');
}
更新了问题。这不是iframe，而是从外部js文件加载的内容。我不能控制外部的js文件。
浏览 35提问于2018-06-08得票数 1
我正在使用twitter的bootstrap创建一个web应用程序。该应用程序包含一个页面，该页面在iframe中加载相同域的另一个页面。现在我的问题是，如果我在iframe中加载的页面也包含bootstrap.js文件，它就会开始与应用程序发生冲突。例如，我的应用程序有一个使用数据属性构建的折叠(折叠) 。一旦加载了包含bootstrap.js的页面，折叠事件就开始触发twice.So，如下所示
<head>//Bootstrap css and js files included</head>
<body>
<div>
//C
浏览 1提问于2012-08-28得票数 1
回答已采纳
1回答
我需要将我的网站嵌入到另一个网站，但从我的网站删除页眉和页脚，本质上只是显示内容。 iframe可以很好地构建并将内容加载到页面中，我使用onload event设置了可见性，以便在加载时删除'flashing‘。在一个单独的JS文件中，我删除了document ready上的页眉和页脚，这似乎是在可见性生效之前删除它们。在第一次加载时，一切工作正常。当您在iframe中导航时，单击一个链接，例如包含正确信息的window reloads，除了几秒钟之外，它会加载页眉和页脚，并将它们删除。 理想情况下，页眉和页脚根本不应该显示。 onload事件与iframe内联JS，而文档read
浏览 14提问于2019-06-21得票数 1
1回答
我有一个具有以下结构的HTML页面：
index.html在顶部有一个菜单，如果用户点击该菜单，就会将其加载到底部的iframe中(如果内容已加载，iframe会随JS自动调整大小)。
现在我想在iframe中的一些页面中放置一个“转到顶部”链接，但是由于锚点在index.html中，所以它不起作用，例如：
index.html：
<body>
<a name="topOfThePage"></a>
...
<iframe ...
在子页面中，加载到index.html中的iframe中：
<
浏览 0提问于2013-12-30得票数 1
2回答
我正在尝试创建一个可以在客户网站上使用的iframe登录小工具。这个iframe将使用jQuery，但我首先不能检查父文档是否加载了jQuery，如果没有，就加载它。
我尝试了几种不同的技术，但似乎都不起作用，或者决定两次加载jQuery库。
任何帮助都将不胜感激。
此代码块位于iframe内加载的页面中，而iframe拒绝合作。
<script>
var jQOutput = false;
function initjQuery() {
if (typeof(jQuery) == 'undefined'){
if (!jQOutput){
浏览 2提问于2012-10-01得票数 4
1回答
Html代码：
<iframe src='online.html'></iframe>
<script src='online.js'></script>
清单文件：
CACHE MANIFEST
#VER
CACHE:
FALLBACK:
online.html offline.html
online.js offline.js
NETWORK:
*
问题:当我的浏览器离线时，它可以自动加载offline.js替换online.js，但始终加载online.html而不是offline.html。
我该怎么做
浏览 1提问于2012-07-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
