Question

$(document).ready(function(){
    $('#button').click(function(){
       $('.accordion').load('<iframe src="google.com' frameborder="0" scrolling="no" id="myFrame"></iframe>');
    });
});

这无法显示google.com的iframe。任何人都可以提供有关如何修复它的建议吗？

Answer 1

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');

Answer 2

如果.accordion是iframe的容器，请尝试改为：

$(document).ready(function(){
$('#button').click(function(){
   $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});

}）;

修复引用语法：）

Answer 3

2个错误。

使用完整路径（不确定是否必要）
用双引号关闭google.com。

$（'。accordion'）。load（'＆lt; iframe src =“http://www.google.com”frameborder =“0”scrolling =“no”id =“myFrame”＆gt;'）;

（忽略iframe标记中的空格）

Answer 4

$('<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>

如何使用jQuery创建iframe，并在页面上显示？

4 个答案: