如何使用jQuery创建iframe，并在页面上显示？
如何使用jQuery创建iframe，并在页面上显示？
提问于 2011-11-18 16:37:28
$(document).ready(function(){
$('#button').click(function(){
$('.accordion').load('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});
});这无法显示google.com的iframe。有没有人能就如何修复它提供一些建议？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-11-18 16:41:50
jQuery的load function不是这样使用的。它接受URL作为参数，并从该URL加载响应。
如果您正在尝试创建iframe DOM元素，请使用jQuery函数执行此操作，并将其附加到所需的位置：
$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>')
.appendTo('.accordion');或
$('<iframe>', {
src: 'http://google.com',
id: 'myFrame',
frameborder: 0,
scrolling: 'no'
}).appendTo('.accordion');Stack Overflow用户
发布于 2011-11-18 16:43:17
如果.accordion是您的iframe的容器，请尝试以下代码：
$(document).ready(function(){
$('#button').click(function(){
$('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});})；
并修复该引用语法:)
Stack Overflow用户
发布于 2021-04-11 14:32:52
$('<iframe />');
$('<iframe />', {
name: 'frame1',
id: 'frame1',
//width: '1px',
//height: '1px',
src: 'https://limitlessoffers.blogspot.com/2020/09/earn-up-to-rs-1000-cashback-per-day.html?m=1'
}).appendTo('body');<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>.
<button onclick="window.open('https://limitlessoffers.blogspot.com/2020/09/earn-up-to-rs-1000-cashback-per-day.html?m=1')">Try it</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8179703
复制相关文章
相似问题