我有一个在页面上运行的.js文件，它可以与已经存在的数据进行交互。该.js文件创建一个iframe，该iframe加载另一个页面，该页面也安装了一个.js文件(两者都安装了GreaseMonkey)。我尝试让运行在iframe中的.js文件从父页面获取一个变量。这两者都在同一个域上，但它不会访问数据。这就是我所拥有的：
js1：
var myvar1 = document.getElementsByName('nameofinputfromparentpage')[0].value;
js2：
var myvar2 = parent.document.getElementsBy
浏览 0提问于2011-10-15得票数 0
头脑...使用iframes。
所以，当前的页面结构：
page -> main_iframe -> iframe1 -> iframe2
脚本在"main_iframe“中执行。这个"main_iframe“里面有"iframe1”和"iframe1“，里面有"iframe2”：
我想更改iframe2的width=100%，它在iframe1中，它在main_iframe中
所以我在"main_iframe“上执行下面的js，它是有效的：
document.querySelector('#iframe1').
浏览 17提问于2018-02-09得票数 0
回答已采纳
我在html文件中包含了一个js文件，这个文件在iframe中被调用。我正在寻找一个jquery函数，用在iframe之外声明的jquery函数替换在iframe中调用的js的执行。
例如，我们在iframe中有菜单，它滑到具有parallex效应的部分。我只想让链接到幻灯片的jquery函数不能工作，这个函数在iframe中的js文件中声明。
下面的html代码位于iframe中：
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right"
浏览 1提问于2016-04-28得票数 1
回答已采纳
我有一个VUE2项目，在公用文件夹中，我创建了一个iframe.html文件，该文件将加载到一个iframe中。
这个iframe还将加载一个javascript.js文件，我希望在"npm运行构建“上进行编码/丑化，但我也希望能够在dev期间访问它。
我怎么才能继续？
应该将这个js文件放在/src//文件夹中并从iframe.html文件中引用吗？如果是的话，有什么建议吗？还是应该保留在公用文件夹中并在正在构建的dist文件夹上，用一些东西对其进行编码。
欢迎任何解决方案，谢谢！
编辑:下面是我如何使用iframe.的更多细节。
首先，在路由器中引用.vue文件，如下所示：
{
浏览 2提问于2021-02-06得票数 1
6回答
我在这里读过很多线程，但是我仍然无法获得一个从PHP传递给外部JS文件的变量，并且想知道是否有人能提供帮助？
在我的PHP文件中，我有以下内容：
<script type="text/javascript">
var pass_this_variable = <?php $company['website']; ?>;
</script>
<script type="text/javascript" src="/js/track.js"></script>
在JS文件中
浏览 10提问于2011-05-14得票数 7
我正在从事一个基于Youtube API的项目，在这个项目中，我已经引导了角。当我需要调用外部JS先加载iFrame API文件，然后允许角在特定路由上工作时，我遇到了一个问题。
问题是Youtube iFrame API在加载后调用iFrame函数，该函数需要一个带有id = 'player'的html元素，而且我只想在某些视图中加载这个iFrame API。因此，iFrame API无法从索引文件中调用，因为它不会找到任何带有id='player'的元素。
但是，如果我从视图本身调用它，那么API需要时间来创建一个YTPlayer对象。同时，一个控制器会要求
浏览 3提问于2014-08-02得票数 0
我的父页面上的元素只有在隐藏的iframe包含一个div id时才会改变。
如果我让代码放在html页面上，一切都很好：
<iframe id="myiframe" style="display:none" onload="load()" name="myiframe" src="mysite.com"></iframe>
JavaScript：
function load(){
if (window.frames[0].document.getElementById('a
浏览 2提问于2013-03-18得票数 0
背景故事
我正在创建一个web应用程序，其中的单个页面通过jQuery 函数“加载”。最初加载的页面是单个文件，但随着时间的增长，我决定将其拆分为.html文件、.css文件和.js文件。
奇怪的是，在css中使用百分比值定位的元素周围出现了一个设计缺陷。为了查看我在移动时是否修改了样式，我替换了style标记(省略了link标记)，它工作得很好。来来回回几次，我了解到只有在使用link标签而不是通过style标签嵌入它时才会发生这种情况。
我想使用link标签，所以我试图缩小问题的范围。经过一段时间的摸索，我找到了.js文件，特别是$(document).ready上.focus函数的用法。
浏览 1提问于2014-01-14得票数 0
我有一个服务，用户在他们的网站嵌入一个javascript代码，在主体标签。有时，嵌入代码的页面会抛出来自其他javascript文件的javascript错误，这会阻止我们的脚本运行。
有没有办法设计我们的代码，使它不会干扰其他javascript作用域。
我能想到的唯一解决方案是将js代码放在iframe中。
浏览 8提问于2016-09-01得票数 4
回答已采纳
我已经使用vue.js创建了一个模板，现在我想通过使用模板Id在另一个HTML文件中使用这个模板
ex <div id="widgetId"> </div>
widgetId是模板Id
这里，我试图创建用于显示模板的嵌入代码。
但我没有得到任何结果。当我直接使用这个嵌入代码时，有没有办法在另一个html文件中获取Vue模板？
下面给出了我的代码
<script>
window.onload = function() {
var div = document.createElement('div');
div.classNa
浏览 1提问于2018-11-01得票数 0
回答已采纳
我正试着把我的办公室加载项装在一个Iframe里面。但是，加载项给出了一个错误。浏览器控制台日志显示消息“警告: Office.js已加载到Office之外”。在IFrame中显示Office应用程序是否有限制？
我正在使用Chrome浏览器
aspx有一个js文件，它加载Office环境。从控制台日志中，我可以看到加载了office环境。但是，最后我得到了警告消息“警告: Office.js被加载到Office之外”
浏览 0提问于2019-04-18得票数 0
回答已采纳
我已经使用Angular JS和老式的JavaScript创建了一个简单的代码编辑器，现在我想添加一个代码预览工具。
下面是我用来动态创建iframe的代码，将它添加到DOM中，并使用我需要的元素填充它：
...
function updatePreview() {
var iFrame, doc, styleElm, jQueryElem, styles, javascript;
var container, $head, $body;
var $jsRequirements = [], addditionalJS = [], $cssRequirements = [
浏览 3提问于2012-08-22得票数 3
回答已采纳
1回答
我在github中创建了一个javascript文件
js文件中的代码如下：
function youTube(a,b,c,d)
{
return ("<iframe allowfullscreen='1' frameborder='0' height='140' src='https://www.youtube.com/embed/"+a+"' width='210'/><iframe allowfullscreen='1' frameborder=&#
浏览 0提问于2017-05-08得票数 1
回答已采纳
2回答
我正在尝试将一个JavaScript文件添加到iframe的头上，这样在加载时，iframe就可以在我的“后台任务”之前。目前，iframe是空的，因为没有我希望它显示的源。也就是说，iframe所做的就是执行我希望提供给它的脚本。
我尝试过从这里提出建议：
然而，我无法得到一个简单的“写”到iframe的工作。下面是我正在使用的代码：
demo.html
<html>
<head>
<script src="demo.js"></script>
<script>
add
浏览 5提问于2015-06-15得票数 0
我有一个web应用程序，它有几个iframes，它们都需要导入相同的javascript库(例如jquery)。
是否有一种方法只加载一次并在所有iframes之间以某种方式共享这些数据？我不想让页面加载得太慢，因为它为每个iframe加载相同的JS文件一次。
谢谢!
编辑:人们说您不能共享来自iframe的数据，但是如果js导入都在名称空间(比如名称空间)中，然后iframe执行类似于名称空间= parent.NAMESPACE之类的操作，怎么办？
浏览 2提问于2012-07-05得票数 6
我使用的是colorbox插件，它附带了这个外部的长.js文件：
还有，还有一个内联javascript，可以让一切都正常工作，比如：
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
$(".group2").colorbo
浏览 0提问于2014-04-06得票数 0
我正在尝试做以下事情。假设我有一个html文件，其中包含空白iframe。
<iframe id="preview"></iframe>
现在，我需要编写一个脚本来更新该iframe的内容
var preview=document.getElementById("preview");
preview.src = 'data:text/html;charset=utf-8,' + HTML_CODE_HERE;
当代码包含外部CSS或javascript文件时，就会出现问题，它们只是看起来不能解析/执行。
如何让if
浏览 2提问于2016-01-18得票数 0
我正在从一个书签小程序创建一个iframe。iframe有id='contentIframe'
我希望能够从内部隐藏iframe，所以我使用以下html & jquery代码：
<button id="hide">hide</button>
<script type="text/javascript">
$(document).ready(function() {
$("#hide").click(function() {
$("#contentIfra
浏览 5提问于2012-09-19得票数 3
我尝试使用Rmarkdown在reveal.js演示文稿中嵌入一个.gif文件，但在呈现的文件中没有显示出来。我用iframe编码：
<iframe src="https://giphy.com/embed/7K3p2z8Hh9QOI" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
我这样设置了.Rmd文件：
output:
revealjs::revealjs
浏览 0提问于2017-12-11得票数 0
我正在构建一个使用iframe作为编辑器的文本编辑器。
我正在做一个菜单项，当单击它时，允许用户编写一段代码，然后使用Prism语法高亮工具设置样式，并将其与其余文本内容一起添加到iframe中。
当构建一个普通的网页时，任何封装在pre和code标签中的代码都会立即被设计成这样的样式：
我的问题是我找不到一种方法在我的文本编辑器iframe中使用Prism语法高亮工具(任何语法高亮工具都会有同样的问题)。
prism.css文件可以在iframe内工作，但prism.js文件不能。我之所以知道这一点，是因为当函数运行时，输出还没有被javascript文件处理，该文件添加了使用cs
浏览 4提问于2018-05-19得票数 1
我有一个外部域'domainB‘，我正在从其中提取内容。域B的脚本中包含的是iframeResizer.contentWindow.min.js
我的域“domainA”包括iframeResizer.min.js，我称之为：
$('iframe').iFrameResize({log:true, checkOrigin:false,
heightCalculationMethod:"taggedElement"});
无论我把“heightCalculationMethod”改为什么，它都不会影响iframe的高度。下面是日志记录
iFrameSiz
浏览 3提问于2016-12-19得票数 1
我想在js中添加html文件，这个图是我目录中的路径。我该怎么做？
在我的config.js中，我将我的文件包含为let ADDR_iframe1 = "../templates/switch.html";
浏览 8提问于2022-07-21得票数 -2
我的问题是，是否可以从远程网站使用原生phonegap功能访问，而不使用iframe。
我目前的解决方案是这样的:如果应用程序启动，则加载带有iframe的index.html。当'deviceReady‘事件被激发时，iframe的'src’被设置为远程网站，并显示在iframe中。我可以像往常一样浏览网站。为了返回iframe的历史记录，我监听index.js文件中的'backbutton‘事件，并向iframe发送一个postMessage以返回历史记录。这是我为外部网站使用phonegap功能的一轮工作。我拥有对远程网站的完全控制，可以在那里更改代码。
主要的问
浏览 2提问于2014-02-18得票数 0
我一直试图在AMP页面中包含一个javascript文件，但是每次尝试都失败了
<amp-iframe width="200" height="100px"
layout="responsive" sandbox="allow-scripts allow-same-origin"
src="https://laraflat.000webhostapp.com/public/js/index2.js">
&
浏览 0提问于2018-01-27得票数 1
回答已采纳
我有一个普通的webpack应用程序，index.html，main.js，它构建得很好。
我也有一个自包含的javascript文件iframe.js，将添加到第三方网站，将添加一个引用webpack应用程序的iframe容器：
<iframe src="https://webpack-app-domain.com/index.html">
我希望webpack构建能够处理具有以下类型的process.env替换的iframe.js：
<%= process.env.IFRAME_URL %>
让babel将其转换为ES5 javascript并缩小输
浏览 0提问于2019-03-07得票数 0
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
回答已采纳
是否可以在iframe中加载外部网站，但不发送HTTP_REFERER？我只是不想被跟踪。
如果可能，那么如何以及如果不可能，那么是否有使用div或其他任何东西的变通方法？
对于带有外部链接的锚标签，jQuery("a").attr('rel','noreferrer');可以工作，但是对于iframe，我没能让它工作。
有没有什么脚本( js或jQuery )可以让它工作？
浏览 5提问于2015-12-31得票数 1
1回答
响应CSS不能正常工作
、、、
我将respond.src.js文件放在与index.html / style.css相同的文件夹中。
<head>
<meta charset="utf-8" />
<link href="style.css" rel="stylesheet"/>
<script src="respond.src.js"></script>
</head>
如果我在这里做错了什么，你知道吗？
然后，我只是简单地添加一个iFrame。
<body>
浏览 0提问于2013-07-30得票数 0
谷歌PageSpeedInsights在我的报告中将Base.js标记为未使用的Javascript。它相当大，有487kb大小。似乎来自于包含Youtube播放器iframe api。需要这个文件吗?如果需要，有人知道为什么它在报告中被标记为未使用的JS吗？ Iframe接口：https://developers.google.com/youtube/iframe_api_reference 在PageSpeedInsights上标记为未使用的JS的大文件：https://www.youtube.com/s/player/c88a8657/player_ias.vflset/en_US/b
浏览 94提问于2020-12-18得票数 3
回答已采纳
我已经在iframe中打开了jquery draggable对话框。它在iframe内运行良好，但我不能将jquery对话框拖出iframe。我想将对话框拖到iframe之外。有谁知道我该怎么做吗？
下面是我在movable.php文件中使用的示例代码。
<html>
<head>
<link href="http://www.jquerydemo.dailyfreecode.com/Styles/Site.css" rel="stylesheet" type="text/css" />
<link hr
浏览 1提问于2013-02-27得票数 3
我有一个React组件，我想在其中呈现一些静态HTML。这是我的React组件的一个片段：
class MyComponent extends Component {
render() {
return (
<div>
<iframe title="static_html" src="static_html_in_react_project.html"></iframe>
</div>
);
浏览 3提问于2018-07-31得票数 5
回答已采纳
主页：
<iframe src="/files/new" onload="alert('onload');"></iframe>
在iframe内部，/files/new呈现：
<form action="/files/create" method="post" enctype="multipart/form-data" >
<input type="file" name="file1" size="28
浏览 2提问于2009-06-28得票数 1
是否有方法禁用从内部iframe javascript文件到父html文件的按钮。例如：
<body>
<iframe src="frame1.html" name="frame1" height="100%"></iframe>
<div id="test1"></div>
<button type="button" id="myBtn">Click Me!</button>
</bod
浏览 3提问于2015-04-07得票数 0
回答已采纳
4回答
我有以下js文件：
var IOMaximizeButton = {
setup: function () {
$(this).click(function(){
console.log("maximize button was clicked!");
});
}
};
$(document).ready(function() {
IOMaximizeButton.setup();
});
下面是我的HTML的正文：
<body>
<a href="#" data-role="but
浏览 0提问于2011-09-27得票数 1
回答已采纳
假设我的网页的一般结构如下所示。在那里我有一本自带一页的iframe。
#maindocument <html>
...
<iframe ...>
#document <html>
...
<form ..>
<input class ="button"...>
...
如果我有一个名为maindocument.js的JS文件，我如何在iframe的形式下将一个操作附加到按钮上，以便如果我单击它，就会弹出一条警告消息，表示我单击了它。
或者当单击e.p
浏览 5提问于2015-06-03得票数 0
回答已采纳
我有一个文件- index.html，它嵌入了script.js。
Script.js -正在呈现html <a href="url.html" id="url">标记。
我想在index.html中插入这段代码，它显示HREF值，由script.js呈现：
var d = document.getElementById( 'url' );
alert(d.href);
但是这个脚本只在标记上工作，这些标记是编写的index.html。
如何把剧本写好？
index.html
<script type="text/jav
浏览 0提问于2013-09-24得票数 1
1回答
最近我注意到，如果jQuery ajax是在将jQuery注入内部iframe之后立即调用的，那么jQuery就会失去它的功能--比如jQuery(.).dialog()、.draggable和任何其他插件。如果ajax调用被注释掉，jQuery就能正常工作。这是已知的窃听器，还是我做错了什么？在这个文件中可以看到这个问题，jQuery位于同一个目录中：
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothn
浏览 3提问于2013-11-09得票数 1
回答已采纳
2回答
我试图在iframe中添加一些HTML代码来显示数据。每个人的想法都很好，但是当我想把任何java脚本放到iframe中时，就没有结果了。似乎iframe看不到任何本地javascript。
这是一个代码：
<html>
<head>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="testJSON.js">&
浏览 5提问于2016-09-25得票数 0
回答已采纳
1回答
iframe在父窗口外部加载
、、、、
我在iframe窗口中加载来自另一个站点的内容，但当我选择任何链接时，它会在窗口中打开父站点。我需要在同一iframe中打开所有内容？如何解决这个问题？
代码：
<div class="calculator" style="display: block;width: 900px; height: 440px; overflow: hidden; ">
<iframe src="http://www.avtosojuz.ua/technical_service/" align="middle" width="
浏览 1提问于2014-08-27得票数 0
1回答
如果不工作的话
、、
我正在尝试让iframe与AngularJS一起工作，但我不知道为什么它不会加载我的iframe。
我有一些角度的双括号变量，我想把它放在iframe src的末尾，但是当我这样做的时候，我得到了一个错误。
iframe代码如下所示：
<iframe name="deltager" src="http://someurl.com/somefile.php?id={{item.id}}" frameborder="0" style="width: 100%; height: 45px !important;" scrollin
浏览 4提问于2015-09-14得票数 0
回答已采纳
我在和Meteor做一个项目。我尝试过使用脚本标记加载javascript文件，但这当然行不通。这些文件与我尝试使用脚本标记加载的文件相同，我也只是将它们保存为文件，并将它们放在lib文件夹中，以便最后加载它们。还有一个内部脚本存在加载问题。我甚至尝试删除函数的( function (){部件和结束部分)，因为我知道它已经被放入了Meteor函数中。如何让下面的代码和其他js文件/脚本与Meteor一起正常运行？
(function() {
// Base template
var base_tpl =
"<!doctype html>\n" +
浏览 3提问于2014-02-11得票数 2
回答已采纳
3回答
我们正在为HTML5游戏设计一个在线aracade。用户可以上传一个包含他们的游戏的压缩文件。
在上传时，zip由服务器解压缩，每个文件都被循环起来，检查它的扩展名和一个白名单，允许：
.html
.js
.png
.jpg
.appcache
.m4a
.ogg
(游戏必须在导出这些文件的游戏编辑器中制作)。这应该防止人们上传压缩，服务器端脚本文件等。
游戏然后转移到我们的静态无炊事域(scirra.net)。当游戏在我们的scirra.com页面上播放时，游戏将显示在指向scirra.net域的iframe中。这将防止恶意JS访问scirra.com c
浏览 16提问于2011-11-22得票数 10
1回答
我有很多商店，每个商店都有纬度、经度，当我为发送给javascript函数的任何商店单击location图标，并在js函数中更改iframe src时，我显示了显示iframe的模型，但是iframe没有显示这个位置，这里是代码。
iframe错误 拒绝连接。
图标按钮 <a onclick="getLocation({{$store->lat}},{{$store->lon}})" data-toggle="modal" href="#edit_location"><i style="font-size:
浏览 1提问于2022-05-10得票数 0
回答已采纳
我知道为了在iframe中正常触发onscroll事件处理程序，iframe必须包含一个与包含iframe的页面具有相同域名的站点。但是，对于包含外部站点的iframe，是否可以做到这一点呢？
onscroll事件处理程序：
<script type="text/javascript">
window.onload = function() {
var frm = document.getElementById("test").contentWindow;
frm.onscroll = function(){
浏览 4提问于2013-05-06得票数 0
回答已采纳
我有两个HTML文件。在一个超文本标记语言文件中，我在HTML5中使用postMessage发布了一条消息。如何在加载时将发布的消息放入另一个HTML文件？
One.html
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script language="javascript">
$(document).ready(fu
浏览 4提问于2013-08-05得票数 5
我有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
回答已采纳
我正在尝试做我的第一个铬应用程序，我有一个问题。在我的第一个窗口中，我编写了这个html代码。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>Percebe ivair. Estou sempre por cima!</div>
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/aFMk
浏览 6提问于2016-05-07得票数 0
回答已采纳
1回答
在使用Trust自定义脚本时，我无法获得AMP验证，错误是：Custom JavaScript is not allowed。放大器不允许自定义脚本。
我需要添加<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" defer></script>才能使信任试点审查生效。如何让这个自定义脚本与AMP一起工作？谢谢
更新：
我找到了一个解决办法(如果它最终成功的话)，然而，我遇到了另一个问题。我把
浏览 1提问于2019-02-19得票数 2
1回答
我有一个动态创建HTML文件的PHP脚本。在命令行中，我想加载HTML文件中的所有元素。假设该文件包含以下元素: img src="“...iframe name="xxx“src="”...我希望Web服务器test.com和abc.com能够实际接收我的请求。
有没有办法在命令行中做到这一点？到目前为止，我尝试通过本地Web服务器访问我的HTML，并使用"wget --mirror“获取文件，但没有成功。
谢谢你的帮助。
浏览 2提问于2010-09-17得票数 2
回答已采纳
1回答
如果我有一个类似于index.php的页面，然后包含一个iframe，但是iframe缺少了包含在index.php文件中的JavaScript；JavaScript会激活iframe上的JavaScript函数还是需要它们在同一个页面上？
示例：
Index.php：
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src
浏览 1提问于2015-04-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
