发表新帖
发表新帖

Iframe without src but still has content?

前端 未结
关注
7 705
攒了一身酷
攒了一身酷 2020-12-05 06:56

While debugging jquery code on their site ( via chrome developer toolbar)

I noticed that their examples are given under Iframe :

Here - for ex

相关标签:
7条回答
  • 南方客
    2020-12-05 07:05

    Try giving :

    src ="javascript:false;"
    0 讨论(0)
  • 执笔经年
    2020-12-05 07:11

    Mixing best answers in javascript and jQuery, I come up with this solution for each iframe in a page:

    <div class="iframewrapper ws-s-top mb-50" data-content="<!DOCTYPE html><html><head></head><body><p>Hello world</p></body></html>">
    <iframe frameborder="0" src=""></iframe>
</div>

$(".iframewrapper").each(function(){
    var html = $(this).attr("data-content");
    var iframe = $(this).find('iframe');
    var context = iframe[0].contentDocument.write(html);
    iframe[0].contentWindow.document.close(); //without this line, page loading animations won't go away!
});
    0 讨论(0)
  • 时光取名叫无心
    2020-12-05 07:22

    Looks like this is the most compatible solution across browsers and also it is recognized by the W3C

    <iframe src="about:blank"></iframe>
    0 讨论(0)
  • 抹茶落季
    2020-12-05 07:24

    Yes, Here is how you change the html of the iframe with jQuery

    var context = $('iframe')[0].contentWindow.document,
    $body = $('body', context);
$body.html('Cool');

    Demo: http://jsfiddle.net/yBmBa/

    document.contentWindow: https://developer.mozilla.org/en-US/d...

    0 讨论(0)
  • Happy的楠姐
    2020-12-05 07:25

    Yes, it is possible to load an empty <iframe> (with no src specified) and later apply content to it using script.

    See: http://api.jquery.com/jquery-wp-content/themes/jquery/js/main.js (line 54 and below).

    Or simply try:

    <iframe></iframe>

<script>
document.querySelector('iframe')
        .contentDocument.write("<h1>Injected from parent frame</h1>")
</script>
    0 讨论(0)
  • 梦毁少年i
    2020-12-05 07:28

    Sure. You can get a reference to the iframe's document object with

    var doc = iframe.contentDocument;

    and then you can create and add elements like you do in the current document.

    If the iframe doesn't have a src attribute, it will still contain an empty document. I believe though that at least older IE versions require the src attribute to be set, otherwise the iframe won't have a document.

    See also: contentDocument for an iframe.

    0 讨论(0)
 看不清?
提交回复
热议问题