草庐IT

embed_iframe

全部标签

javascript - 使用 Javascript 在 iframe 中导航 URL

我有这段代码,可以在iframe中使用javascript导航URL,但它不起作用。为什么?例如,我想在单击link1时导航到site.com。functionnav(){window.navigate('http://site.com',target="DBox");}link1 最佳答案 简单的HTML:link1或者用JavaScript调用它:window.open("http://site.com","DBox"); 关于javascript-使用Javascript在ifra

html - 完全删除 <iframe> 边框

有人知道如何完全删除iframe边框吗?我使用的是Firefox3.x,iframe设置为完全占据浏览器窗口-height="100%"width="100%"我已经设置了frameBorder="0"和scrolling="no"但是窗口和iframe之间的边界还剩下一些空间。100%宽度和高度有问题吗?我需要设置超过100%吗?多少? 最佳答案 你是指边距/填充吗?在您的iframe显示的html文件中尝试使用以下CSS:body{margin:0;padding0;}编辑:您的iframe元素本身也可能类似。如果以上方法不起作

html - 将 Facebook 加载到 iframe

我无法将facebook加载到iframe中,在如下网页中:我已经在其他网站上对其进行了测试,它似乎可以毫无问题地加载,例如wired.com,但facebook.com...谁能解释一下为什么?如果需要,我会使用GoogleChrome和Safari。Google似乎阻止了其页面的iframe加载。 最佳答案 如果您使用Firebug或GoogleChrome的开发者控制台,您会看到以下错误RefusedtodisplaydocumentbecausedisplayforbiddenbyX-Frame-Options.X-Fram

jquery - 无法修改 iframe 的内容,怎么回事?

我正在尝试修改iframe的内容,但它不起作用。这是我的main.htmlMainpageMainpage$(document).ready(function(){$('#ifr').load(function(){$('#ifr').contents().find('body').html('Hey,i`vechangedcontentof!Yay!!!');});});这是我的ifr.htmIframepageContenttobedisplayediniframe... 最佳答案 请不要忘记跨域策略,否则将无法正常工作。现场演

html - 用 iFrame 填充窗口而不显示滚动条?

如何让我的iframe填满窗口而不显示任何滚动条?这适用于IE6,如果可能,我想让它适用于所有浏览器:functionresizeIframe(){varheight=document.documentElement.clientHeight;height-=document.getElementById('frame').offsetTop;//notsurehowtogetthisdynamicallyheight-=20;/*whateveryousetyourbodybottommargin/paddingtobe*/document.getElementById('frame

html - 如何在iframe中添加滚动条

我想在我的iframe中添加滚动条。下面是我的代码。我在Drupal7中写这篇文章。问题是它不显示带有滚动条和边框的iframe。早些时候我简单地设置了没有宽度和高度以及滚动选项的源,它显示了带有滚动条的iframe但在添加宽度和高度之后,它消失了。谢谢 最佳答案 scrolling="yes"和frameborder不再是有效的HTML5属性。在允许的属性列表中找不到它们,请参阅:W3C:4.7.6.Theiframeelement或MDN:.改用CSS:iframe{overflow:scroll;width:1349px;he

javascript - 如何自动刷新 iframe

我想要一个iframe将自身刷新到指定的源路径。使用javascript执行此操作的最简单方法是什么?谢谢, 最佳答案 如果您可能也在寻找一种在不启用javascript的情况下执行此操作的方法,并且有权修改iframeHTML,那么您可以将此重新加载代码添加到iframeHTML的标记: 关于javascript-如何自动刷新iframe,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

jquery - 使自定义 HTML 元素可在 iframe 中放置

我喜欢有一个列表,其中的元素可以放在类似于thisexample的iframe中的列表中。.我通过thisthread找到了一个可行的解决方案但就我而言,我需要以外的其他元素的。这是我的设置:Todrop1Todrop2和iframe内容:ElementElementElement如您所见here.它甚至在更改时也有效和到(example和iframe)。当我使用自定义标签时it'sworking与和标签,但我真正需要的是让它与一起工作和标签。//WORKS!!ElementElementElement//DOESN'TWORK!!ElementElementElement这是thef

javascript - 当包含页面处于怪癖模式时,iframe 不在 ie9 模式下呈现

我在以怪异模式运行的页面中有一个iframe(我无法控制包含的页面),我需要我的页面以与现代浏览器功能兼容的模式呈现。包含的页面大量使用了较新的JavaScript功能(尤其是出色的数组函数)和SVG渲染。虽然我可以很容易地填充数组函数,但我不能强制渲染svg。需要明确的是,内页不是在怪异模式下运行的——我已经指定了一个文档类型和ie=edge标签。好像用的是ie8渲染模式(hardtobecertain)此处是问题示例:http://stevesspace.com/quirks/quirks.html-在chrome中加载它以查看预期的输出,并在IE9或10中检查它的实际输出。编辑:

html - 有没有办法在不使用 iframe 的情况下将 "sandbox"HTML block 与其页面的 CSS 分开?

是否有可能,例如,有一个完全忽略CSS规则的div,无论它是什么classes和id包含? 最佳答案 不,如果没有iframe,这是(遗憾的)不可能的。您必须像这样为该div重置所有现有的CSS规则:div.sandbox{font-size:....font-family:..........margin:.........padding:.........line-height:.........}虽然困难且永远不会100%可靠,但通过这种方式可能会获得可用的结果。您可以查看其中一个“重置样式表”,例如EricMeyer's获取