使用此代码
<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
这就是它的出现(http://www.talkjesus.com主页上的shoutbox )
如何删除水平滚动条并修改垂直滚动条的CSS？
谢谢.
我想更改在webkit开发人员工具/ firebug控制台中执行的javascript的上下文,以执行它从页面上的iframe内部运行的代码.
我知道我可以通过在单独的页面上打开iframe中的页面来实现这一点,但我想在与父框架交互的地方运行代码.
我试图检查用户单击按钮后是否加载了iframe.
我有
$('#MainPopupIframe').load(function(){
console.log('load the iframe')
//the console won't show anything even if the iframe is loaded.
})
HTML
<button id='click'>click me</button>
//the iframe is created after the user clicks the button.
<iframe id='MainPopupIframe' src='http://...' />...</iframe>
有什么建议？
顺便说一句,我的iframe是动态创建的.它不会加载初始页面加载.
我正在使用Bootstrap.
我有一个包含2或3个基于iframe的嵌入视频的文字.
此数据从数据库中获取.
如何让这些iframe响应？
示例代码:
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
<iframe src="http://youtube.com/...."></iframe>
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
<iframe src="http://youtube.com/...."></iframe>
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
SOME TEXT SOME TEXT SOME TEXT SOME TEXT
<iframe src="http://youtube.com/...."></iframe>
</div>
</div>
这是一个动态数据.我怎样才能使其响应？
我尝试了一些解决方案,但没有成功.我想知道是否有一个解决方案,最好有一个易于遵循的教程.
我有一个iframe加载第三方网站,加载速度极慢.
有没有办法我可以显示加载消息,而iframe加载用户没有看到一个大的空格？
PS.请注意,iframe是针对第三方网站的,因此我无法在其页面上修改/注入任何内容.
我想知道是否有可能有一个带有iframe的站点和一些每30秒更改iframe内容的jquery代码.内容位于不同的网页中.
像这样的东西:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
var array = new array();
array[0] = 'http://webPage1.com';
array[1] = 'http://webPage2.com';
// And so on.
// Do something here to change the iframe every 30 second
});
</script>
</head>
<body>
<iframe id="frame"></iframe>
</body>
</html>
查看在我自己的订单表单中嵌入3D Secure页面的选项,我遇到了以下内容:
"有些商业网站会将完整的浏览器页面用于身份验证,而不是使用框架(不一定是iFrame,无论如何都是一个不太安全的对象)."
来自http://en.wikipedia.org/wiki/3-D_Secure
有人可以给我一个关于为什么 iframe安全性较低并导致问题的低调,而不是正常的框架？有什么基本的区别？
我看到它iframe的方式是要走的路.
看看这个简单的HTML:
<div id="wrap1">
<iframe id="iframe1"></iframe>
</div>
<div id="warp2">
<iframe id="iframe2"></iframe>
</div>
让我们说我想移动包裹,以便在#wrap2它之前#wrap1.iframe被JavaScript污染了.我知道jQuery .insertAfter()和.insertBefore().但是,当我使用它们时,iFrame会丢失所有HTML,JavaScript变量和事件.
让我们说以下是iFrame的HTML:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// The variable below would change on click
// This represents changes on variables after the code is loaded
// These changes should remain after the iFrame is moved
variableThatChanges = false;
$(function(){
$("body").click(function(){
variableThatChanges = true;
});
});
</script>
</head>
<body>
<div id='anything'>Illustrative Example</div>
</body>
</html>
在上面的代码中,variableThatChanges如果用户点击了主体,变量将会改变.移动iFrame后,此变量和click事件应保留(以及已启动的任何其他变量/事件)
我的问题如下:使用JavaScript(有或没有jQuery),我如何移动DOM中的包裹节点(以及它们的iframe子节点),以便iFrame的窗口保持不变,并且iFrame的事件/变量/等保持不变相同？
我有下面的示例代码.这适用于除移动设备上的浏览器之外的所有浏览器.
溢出标记是问题.
适用于所有移动设备以外的设备
margin: 0; padding: 0; height: 100%; overflow: hidden;
适用于所有移动设备而非计算机:
margin: 0; padding: 0; height: 100%;
让它在两者上工作的最佳方法是什么？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Layout</title>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden;
}
</style>
</head>
<body>
<iframe width="100%" height="100%" src="http://www.cnn.com" />
</body>
</html>
iframe ×10
html ×4
javascript ×4
jquery ×4
css ×2
console ×1
cross-domain ×1
dom ×1
firebug ×1
frame ×1