希望我的问题不要受到太多的指责！
我非常想举一个如何做以下工作的例子：
我拥有两个域-域A和域B。
我想在域B上显示一个iframe，其中包含一个带有不同CSS的域A ..but的页面(移除页眉、页脚等)。
目前，我正在使用"Iframe“()来自动安装在域B上的iframe。这非常好！
我只是无法控制发送来自域A的不同样式，或者在域B上修改iFrame中的样式。
这是我当前在域A上拥有的代码：
<!-- Scripts for resizing iFrame SEND -->
<script type="text/javascript" s
浏览 0提问于2017-09-27得票数 0
1回答
我对此非常陌生，所以如果这件事很简单，或者在其他地方被问到，我很抱歉。
我正在使用Responsive生成器从谷歌文档中生成一个表，然后尝试使用他们的iFrame代码将其放在网页上。
生成器给我一些.js文件以及一个.html和.css文件来上传到我的站点。然后，我使用提供的iFrame代码将其嵌入到我想要的页面上。
<div id="table-iframe-container"></div>
<script src="http://nesemc.com/test/markdown-3/news-table/pym.js"&g
浏览 0提问于2015-04-23得票数 1
回答已采纳
我遇到了一个问题，我似乎无法访问我的iframe样式元素(主要是宽度和高度)。很明显我做得不对。希望有人能给我指明正确的方向。如有任何帮助或反馈，将不胜感激:)
这是我的主页(index.html):
此页包括iframe。
<iframe class="myiFrame" src="iframes/iframe1.html" allowtransparency="true" frameborder="0"></iframe>
iframe1.html页面：
This page includes a ja
浏览 0提问于2019-06-21得票数 2
我有一个外部域'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代码的iframe要运行，我不想控制iframe选项和css样式。
我该怎么做呢？如果你不想使用jQuery，没关系，但我希望纯javascript.
我想要修改的东西：
框架边界
css样式(浮点、显示、位置、溢出)
无滚动条
编辑：在iframe内部运行代码的
谢谢
浏览 3提问于2010-09-10得票数 0
回答已采纳
我正在尝试使用我自己的css修改iframe中的一些div类，并更改Twitter块的Drupal 8外观。但是，我遇到了很多错误，比如$ is not a function等等.我认为我的js加载得太快了(在js之前)，但是，我检查了元素，一切都应该正常工作。(现在没有错误)
<iframe id="twitter-widget-0" class="twetter-timeline" >
<html>
<head></head>
<body>
<div c
浏览 3提问于2016-08-30得票数 1
我有一个使用iframe的超文本标记语言页面上的视频，我正在寻找JavaScript或jQuery开始一个视频从2。秒而不是零。因为视频预览在屏幕上看起来是黑色的，而不是在单击播放之前看到它上的人作为预览。
这是一个HTML脚本：
<iframe width="111" height="63" src="video/videoclip.m4v" frameborder="0"></iframe>
这是一个使用html，css和JS的iphone应用程序。
浏览 1提问于2012-12-06得票数 0
1回答
为了跟踪页面浏览量，我试图处理gtag.js，
它在独立页面上工作很好，或者在同一个父域中的iframe中工作，但是当iframe父域不在同一个域中时(在firefox上工作，但在chrome/ or中不工作)，它就不能工作了。
父页面: abc.domain.com
- iframe1: def.**domain.com**
- gtag page view ok
- iframe2: ghi.**domain.com**
- gtag page view ok
父页面: abc.running.com
- iframe1: def.**domai
浏览 4提问于2021-01-14得票数 2
回答已采纳
3回答
我尝试将一个变量$user传递给页面上的iframe，该变量被定义为页面所在目录的名称。
主页：
<link rel="stylesheet" type="text/css" href="/css/index.css" />
<?php
$path = DIRNAME($_SERVER['PHP_SELF']);
$position = STRRPOS($path,'/') + 1;
$user= SUBSTR($path,$position);
$root=&#
浏览 0提问于2013-05-20得票数 0
回答已采纳
1回答
如何在vimeo视频的vp控制中设置播放栏和播放按钮的样式(更改:bg颜色、边框半径等)。我的vimeo在iframe中嵌入了vimeo-player。我想用js/html/css？
浏览 39提问于2021-11-21得票数 0
2回答
我在设置Iframe中的内容样式时遇到了问题。我不能改变这一点，我不知道为什么它是这样构建的，但我需要能够在iframe中使用css设置一些div的样式。
任何想法都是值得感谢的。
浏览 0提问于2013-07-02得票数 1
回答已采纳
我有一个带有iframe的网页。iframe位于与外部页面不同的子域上。iframe页面引用具有相对路径的样式表(以webresource.axd文件的形式)。
问题是，Internet (6、7和8)似乎正在将这些相对路径转换为完整的URL，但子域却是错误的。它使用父页面，而不是iframe。火狐(3)不会出现这种情况。
为了说明..。
...containes a iframe具有以下页面：
iframe页面包含以下行：
<link href="/WebResource.axd?d=xxx;t=123" type="text/css" rel=&
浏览 4提问于2010-09-14得票数 1
回答已采纳
我一直在尝试设计一个我目前正在为uni工作的项目，但没有成功。我想让3个iframe显示在内联块中(比如i2旁边的i1，i3旁边).i知道我滥用了这些类，但我的大脑不会再接受它了。下面是我的html代码：
<section class="trailer">
<h2>Media</h2>
<article>
<h3>CHILDREN OF NOBODY - OFFICIAL TRAILER</h3>
<iframe src="videos/teaser.m
浏览 5提问于2019-11-05得票数 0
回答已采纳
1回答
在react js中，我使用tinymce编辑器。当我试图在服务器上通过tinymce上传视频时，我把url放在video标签里，但它显示了img标签。
有什么解决方法吗？
附注:如果我将视频放入iframe，它可以工作，但从iframe我不能控制自动播放
浏览 6提问于2020-08-19得票数 0
1回答
我有一个我们的页面，其中包括在另一个域的iframe。问题是iframe总是加载垂直滚动条。我检查了标记，下面是它们如何包含iFrame：
<iframe class="plugin-frame js-plugin-frame" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="auto" sandbox="allow-scripts allow-forms allow-same-origin a
浏览 1提问于2017-08-14得票数 1
我已经在index.html中包含了我的css，并且尝试在iframe中使用样式，但是它没有被应用。
<iframe name="glcframe" id="glcframe" frameborder="0" width="100%" height="1200" ng-src="home/test.html" scrolling="no"></iframe>
浏览 2提问于2016-08-17得票数 0
回答已采纳
2回答
中心推特嵌入iframe
、、、、
我正在使用Twitter oembed，现在我的页面上有以下代码：
<div class='row'>
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-tweet twitter-tweet-rendered" style="display: block; max-width: 99%; min-width: 22
浏览 6提问于2014-05-27得票数 3
回答已采纳
3回答
全
我想在iframe中使用。
这是我的代码
HTML
<form>
<input type="text" class="frmUrlVal">
<input type="submit" class="frmSubmit" value="Go">
</form>
<iframe src="http://www.css-tricks.com" width="360" heigh
浏览 9提问于2012-05-07得票数 2
回答已采纳
我正在尝试在iOS上滚动一个iframe，我成功了，它滚动得很好，参考：
但是，所有的解决方案都有一个问题: iframe页面不能完全显示……
我在我的iphone和ipad上测试过，iframe页面显示不稳定。
有什么想法吗？
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9;FF=3;chrome=1;Oth
浏览 1提问于2013-01-06得票数 7
回答已采纳
1回答
我正在使用邮件枪(尽管这个问题与邮件枪无关)来解析传入的电子邮件，邮件枪会将解析后的邮件http发布到我的服务器上。当我收到帖子时，我得到了这封由多部分组成的电子邮件的html代码。我想向我的用户显示html电子邮件，我使用的是rails，所以它类似于
<div>
<%= raw(message.body_html) %>
</div>
然而，它看起来与我在yahoo或hotmail中查看相同的电子邮件时不同(我知道不同的电子邮件客户端显示html电子邮件的方式会有所不同，但我的客户端看起来截然不同)。
下面是它在我的自建客户端上的样子：
这是它在
浏览 0提问于2013-01-01得票数 8
回答已采纳
我有个叫iframeInjector的js
var iFrame = document.createElement ("iframe");
iFrame.src = chrome.extension.getURL ("http://google.com");
document.body.insertBefore (iFrame, document.body.firstChild);
比我有这个清单：{ "manifest_version"：2，
"content_scripts": [ {
浏览 0提问于2015-04-19得票数 0
回答已采纳
我的公司有一个网站，为几个客户提供相同的应用程序，所以每个客户都有自己的html模板，我们不能编辑任何东西。
我们开发了一个漂亮的Web2.0应用程序，里面有很多jQuery，效果很好，它是一个非常有趣的网络玩具，但我们必须将它与来自客户端的可怕和错误的东西(比如代码三明治)集成在一起，因为它总是给我们带来各种问题，我们决定为我们的应用程序使用一个iFrame和一个小js来刷新它的高度(父内容和iFrame内容来自同一个域)。iFrame将我们从所有的混乱和怪异中解救出来，但使用这样的东西是可悲的。
你知道更好的解决方案吗？
浏览 0提问于2010-08-21得票数 3
回答已采纳
我正在编写js/jquery代码，如下所示，我想重写下面的HTML 中的css。
console.log("iframe height is", $("div.scribble-live").find("iframe").css("height"));
$("div.scribble-live").find("iframe").css("height", "200px");
console.log("iframe height is", $(
浏览 0提问于2019-03-28得票数 0
我目前正在使用一个Range8应用程序，该应用程序在iframe之上充当UI层，用于向用户显示增强的信息。角度应用程序将根据从iframe内部触发的事件显示不同的角度分量：
iframe... 显示一个工具提示(角组件)，其中用户在iframe中右键单击，当用户单击该的某个部分时，更改组件的UI属性。
我目前面临的问题是，角度显示/更新UI中的更改，但在超过30秒之后，有时甚至忽略UI更新，而这些更改在UI中不可见。
但是，如果我只运行确切的代码，但是使用一个角按钮单击事件作为事件的触发器，那么一切都会很好。
下面是我如何为来自iframe的事件创建侦听器的片段：
this.iframe =
浏览 1提问于2019-11-18得票数 1
回答已采纳
3回答
我是web开发和js的新手。我了解一些js和jQuery，但还不足以写出有用的代码，所以我希望在这里得到帮助。我正在通过iFrame (弹出窗口和直接链接，这是最好的方式)将一些第三方web应用程序整合到我的网站中，并有一个两部分的问题。
1) web应用程序不允许直接编码，并且只允许有限数量的css样式选项。我可以上传背景图片并更改背景颜色，但不能使其透明。我想调整iframe，这样我的网站背景就可以显示出来了。根据Firebug的说法，我可以简单地完全去掉背景色选项，问题就解决了。
问题是，这些应用程序在不同的域上，导致跨域问题，我想大多数代码都是使用动态视图控制器(在我的头上)的服务器端
浏览 0提问于2012-02-29得票数 1
回答已采纳
我目前正在开发一个Chrome扩展，我正在使用语义UI来构建界面。当用户激活该扩展时，它将显示一个弹出式窗口，实际上是一个iFrame。在这个iFrame中，我有一个表格，我希望这个表格使用整个iFrame的宽度。iFrame宽度是固定的(500px)。问题是因为iFrame是600px，所以表格显示为设备是500px (这是有意义的，因为它是一个响应式框架。
但是我想改变这个行为，强制表格像在桌面屏幕上一样显示。
今天我得到的是
现在，我想获得以下结果(假图像:)
这是我的iFrame的代码
<!DOCTYPE html>
<html>
<he
浏览 2提问于2018-11-21得票数 1
1回答
我需要在一个react组件中呈现一个iframe，但是要在其中隐藏一个元素。不过，iframe的域是外部的。
有什么方法可以在iframe中插入定制的CSS并做我需要的事情吗？
这是我的组成部分：
import React from 'react'
const ExampleComponent = () => {
return ( <>
<iframe src="https://app.sli.do/event/6ouwoyzr"></iframe>
</> );
}
export de
浏览 2提问于2020-06-29得票数 1
2回答
我有一个显示广告的iframe。我希望它的响应方式，使每个不同的屏幕尺寸的用户可以看到它与100%的宽度，而不是溢出的iframe。如何做到这一点？
浏览 0提问于2014-02-02得票数 0
1回答
我想改变css从一个iframe与jQuery。我使用了以下代码：
Iframe：
<iframe id="myiframe" src="https://source.com"></iframe>
jQuery：
jQuery("#myiframe").contents().find("body").css('background-color', 'black');
但是当我运行代码时，出现以下控制台错误
Uncaught DOMException: Failed to re
浏览 1提问于2017-03-20得票数 0
1回答
我有一个引导模式弹出，如果网页不在iframe中的话，效果很好，如下所示：
(单击“查找组”，然后单击“电子邮件”按钮)
但是，当它在iframe内时，模式弹出锚会弹出到iframe的顶部，完全忽略用户的滚动位置：
为了解决这个问题，我尝试根据iframe中的滚动位置手动设置模式弹出的顶部属性，但是$(window).scrollTop()和其他变体都从iframe中返回0或40。
$('.send-email-modal').modal();
setTimeout(function () {
if(inIframe
浏览 0提问于2016-04-04得票数 1
我的目标是从父页面向iframe内容添加css。我有两个不同的域，一个从另一个域呈现一个iframe，我使用postMessage绕过same-origin策略问题，但是这似乎不像预期的那样有效。当我尝试console.log(iframe.contentWindow)时，我在控制台Uncaught DOMException: Blocked a frame with origin "http://parent.domain.com" from accessing a cross-origin frame.中得到一个错误
伊夫拉梅
<iframe
sand
浏览 3提问于2020-04-29得票数 0
回答已采纳
1回答
我正在学习，并且正在使用来玩它。Vue.js本机由jsFiddle支持。
但是，我不能将与jsFiddle一起使用，因为它没有检测到它。小的"V"-icon总是保持禁用状态，表示“未检测到vue.js”。
现在的问题是，jsFiddle将结果呈现在HTML中，开发工具(按原样)不检查Vue.js应用程序的任何iframe，例如，在这个中提到的。
我没能逃过iframe。即使在新窗口中打开框架内容的URL时，生成的HTML页面仍然包含一个iframe。
如何在jsFiddle?中使用Vue.js开发工具
浏览 3提问于2020-01-20得票数 3
我无法让CSS生成的内容对iframe元素起作用：
iframe::after {content: 'example';}
iframe::before {content: 'example';}
有没有人有一个实际有效的解决方案？提前谢谢。
浏览 22提问于2010-09-15得票数 19
回答已采纳
我的页面中有一个iFrame，它一开始就是隐藏的。然后从javascript中，我正在构建一个表单并提交。我将form.target设置为iframe，这样它就会加载到那里。
<iframe name="myIframe" id="myIframe"></iframe>
这是使用css display:none隐藏的
我的JS是这样的：
const form = document.createElement('form');
const actionUrl = 'http://example.com/'
浏览 0提问于2019-08-27得票数 1
1回答
在rails项目中动态插入样式表
、、、、
我为自己建立了一个为学校开发的CMS的实时主题选取器。CMS是使用Ruby on Rails构建的，而我(个人)没有任何使用Ruby on Rails的经验(其他人在做后端工作，我是前台人员)。
现在我想要我的主题选择器，它是用javascript (主干、下划线和jQuery)编写的，可以与Rails一起工作，但我找不到在Rails中包含样式表的正确方法。目前我给出了一个静态路径：
// Insert a new stylesheet
var stylesheet = $("<link />", {
href: "stylesheets/theme
浏览 0提问于2012-12-05得票数 0
我正在使用一个外部的iframe，我想使用我自己的css来设置样式。iframe是由javascript加载和创建的，而javascript本身是由另一个javascript加载的。因为这是一家公司提供的服务，所以我无法控制他们的javascript生成什么或iframe内容。
到目前为止，我使用jquery所做的是使用window-onload将我所有的自定义css文件加载到iframe中，如下所示：
window.onload = function() {
$('iframe').addClass('styledIframe');
var $c
浏览 1提问于2013-06-03得票数 0
1回答
我需要帮助安装插件，以查看pfd文件在Symfony2。该插件包含css/js文件和具有自己的文件夹结构的图像。
这就是我所做的：
将所有js文件复制到AcmeBundle/Resources/public/js
将所有css文件复制到AcmeBundle/Resources/public/css
将图像文件夹(原来是插件中的css文件夹)复制到AcmeBundle/Resources/public/映像
将css文件的url(images/xxxx)函数更改为url(./images/xxxx)
安装资产: php应用程序/控制台资产:安装web
将下面的代码包含到我
浏览 2提问于2013-11-17得票数 1
回答已采纳
嗨，我正在制作一个Widget，它在Iframe中显示来自rails应用程序的页面。由于远程页面是在rails中开发的，在Iframe上呈现单个页面时，它会加载所有的JS和CSS文件，因此iFrame上的页面加载时间太长。
我试图在渲染页面时使用layout: false，但它没有加载任何JS和CSS文件。
有没有办法在rails视图中包含特定的JS和CSS文件？
浏览 1提问于2015-09-15得票数 0
有人知道如何直接格式化recurly.js生成的输入字段吗？它通过iframes将输入字段注入页面。他们的文档给出了在iframe周围添加div或span(不管您使用什么)的类，但是它们的样式已经加载在iframe中，我不知道如何覆盖它们。
谢谢!
浏览 2提问于2016-05-12得票数 1
回答已采纳
2回答
关于SO的第一个问题--请温文点。
我有一个简单的flutter web应用程序，我正在嵌入到现有的网页中。该应用程序托管在firebase上，我在单独托管的父页面上使用iFrame来显示flutter应用程序。如下图所示。
我遇到的问题是，只要指针在iframe上，flutter应用程序就会吸收滚动/滚轮事件，即使该应用程序不包含可滚动的内容。我已经尝试了我能研究的所有东西，从js脚本到iframe属性再到css。毫无办法。父页面也不接受jQuery。
这是我在父网页上尝试过的代码-控制台日志事件没有被触发(至少在使用chrome dev工具时)，所以我还没有尝试将轮子事件传递给父网页。
浏览 0提问于2020-04-22得票数 5
1回答
我想用角度控制器来设置src标签的iframe。我的源需要先通过一个过滤器。如下所示
<iframe ng-src="{{source| youtubeEmbedUrl}}">
</iframe>
youtubeEmbedUrl是一个过滤器。我们别谈这个了。
现在我想要的是在以下div的ng-单击时，上面的<iframe>的src应该与过滤器一起设置。
<div ng-click="playVideo($index, video)">{{clickable_text}}</div>
我认为混合jQuer
浏览 4提问于2016-01-20得票数 1
回答已采纳
正如标题所说，我想从可见窗口中加载一个iFrame，页边距：-9999px；，然后在5秒延迟后将其移动到可见窗口中。
这是因为我正在iFrame上执行一个函数，不希望用户在该函数完成之前看到它。
我正在运行的代码是：
jQuery(window).load(function(){jQuery(".Remover").find("p, ul").remove()});
jQuery(window).load(function(){jQuery(".footnote").find("*").remove()});
浏览 2提问于2011-10-04得票数 0
1回答
查询帧内的选择器
、、、、
我正在建立一个简单的铲运机与木偶/JS。
我试图从一个页面中获取一个段落数组，而html就像在这个图像中所看到的那样。
当我使用id (#iframeContent)时，我什么也得不到。当我试着用深指示剂时，就这样；
await page.$eval('#bookDesc_iframe_wrapper > iframe')
它在试图点击>文档或>#文档时丢失了跟踪。
在google上的dev控制台中，只有当我手动打开文档> html > body时，我才能通过查询选择器找到它，否则就连google都看不到#iframeContent。
浏览 1提问于2019-03-31得票数 1
回答已采纳
我站点通过iframe显示页面(来自远程服务器)。我没有html控制这个页面，但是我被允许在位于同一远程服务器上的JS文件中添加javascript代码(没有jquery)。
HTML
<li id='row_force_language'><label for='row_force_language'>Language</label><select id='force_language' name='force_language' >
<option val
浏览 2提问于2013-11-13得票数 0
2回答
我在php中有一个iFrame，我想以居中的水平显示它，这是我的代码。如何编辑它，使其在浏览器中显示中心水平。
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>
<div>
<iframe src="https://<??>" width="850" target="_parent" height="850" scroll
浏览 2提问于2014-09-15得票数 0
回答已采纳
我有一个使用iFrame加载动态页眉的网页(长话短说，我们有一个包含Shopify页面的大站点；该站点上的每个其他页面都使用Ektron小部件来加载页眉，但我不能在Shopify代码中这样做，所以我使用iFrame从单独的页面加载页眉)。标题包含需要工作的按钮，以及单击登录按钮时打开的模式窗口。模式窗口是问题所在。我的iFrame当前是标题本身的大小(330px)；如果iFrame窗口大于这个大小，它会覆盖页面下部的内容，并使这些按钮不可点击。我不能向iFrame添加"pointer-events:none“，因为我需要iFrame头中的按钮才能工作。但是，当登录模式打开时，它会被切断
浏览 4提问于2014-07-23得票数 0
Firefox在控制台上出现了以下错误：
样式表https://example.com/search?没有加载，因为它的MIME类型“text/html”不是“text/css”。
我显示一个外部网站在一个iframe，我没有访问该网站，以修复mime类型的问题。我的问题是，上面的错误停止了JS的执行，并且没有执行页面的其他必要的javascript代码。我讨论了关于堆栈溢出的其他类似主题，但都强制修复mime类型或无效的css。
它可以在所有其他主要浏览器上工作，但是它不工作在firefox桌面和firefox手机上。如何禁用此错误或阻止它停止js执行？
浏览 2提问于2020-03-10得票数 1
在网页文档中，当我使用"mousemove“事件处理程序将鼠标指针移动到控件上时，我试图获取控制信息。除了"iframe“中的控件外，我还可以获得主页文档的控制信息。PFB码
**function OnMouseMove (event)
{
var ele=document.elementFromPoint (posX, posY);
}
document.addEventListener('mousemove',OnMouseMove,true);**
因此，对于"iframes“，我尝试了下面的方法，但在没有result.Since的情况下，我
浏览 3提问于2016-10-21得票数 0
我正在使用带有iframe的Fancybox 2，但我对JQuery没有经验。我有不同的样式iframe的类，我想用JS做一些常规设置。
我可以用以下命令调用一个特定的iframe-class：
$(".my_iframe").fancybox({
所以我需要像这样的东西：
$(".fancybox.iframe").fancybox({
在FancyBox2的官方演示中，描述了类"fancybox.iframe“将类型设置为iframe。这适用于以下html：
<a class="fancybox.iframe my_iframe"
浏览 2提问于2012-05-18得票数 0
我能够填写表单，是在外部网站内的iframe自动，但我想加载页面已经有事件点击提交表单。
我试过如下所示，但返回错误：未能从'HTMLIFrameElement'中读取'contentDocument‘属性
<?php header('Access-Control-Allow-Origin: *'); ?>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<iframe sr
浏览 2提问于2016-10-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
