JavaScript code in iframe

前端未结

关注

 3  749

无人及你 2021-01-27 16:50

I need to run JavaScript code in iframe. But script with id \"us\" loaded after creating iframe. How to run this javascript in iframe?

    </script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5408099190056760"
     data-ad-slot="7305827575"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>        </div>
      </div>
      
      <div class="fly-panel detail-box" id="flyReply">
        <fieldset class="layui-elem-field layui-field-title" style="text-align: center;">
          <legend>3条回答</legend>        </fieldset>

        <ul class="jieda" id="jieda">
                    <li data-id="111" class="jieda-daan">
            <a name="item-1111111111"></a>
            <div class="detail-about detail-about-reply">
                         <a class="fly-avatar" href="">
                <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000011.jpg" alt=" 盖世英雄少女心 ">
              </a>
              <div class="fly-detail-user">
                <a href="" class="fly-link">
                  <cite> 盖世英雄少女心</cite>
                                             
                </a>
                
                <span>(楼主)</span>
            
              </div>              <div class="detail-hits">
                <span>2021-01-27 17:32</span>
              </div>

            </div>
            <div class="detail-body jieda-body photos">
              <p>          
<p>The jQuery instance inside of the iFrame doesn't know it's supposed to be traversing the parent DOM, so therefore it won't know where to look for an element with the id "preview"</p>

<p>As per my comments above, you should attach to the iframe's document.ready, like this:</p>

<pre><code>// Since this is page you wait until it's loaded
$(document).ready(function() {
    $(".test").click(function() {
            alert(true);
    });
});
</code></pre>

<p><strong>EDIT:</strong>
Just realizing you are probably having an entirely different issue here - Html code as IFRAME source rather than a URL - if you are trying to embed the iframe code inline, you are going to have problems.  Take the following code for example:</p>

<pre><code><html>

    <head></head>
    <body>
        Some stuff here

        <iframe id="preview">
            <html>
                <head>
                    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
                    <script id="us" type="text/javascript">
                        $(document).ready(function() {
                            $(".test").click(function() {
                                    alert(true);
                            });
                        });

            </script>
                </head>
                <body>
                    <style></style>
                    <div class="test">test</div>
                </body>
            </html>

if you render that page in firefox, and then inspect the source in firebug, you'll see:


    
    
        Some stuff here
        
            <html>
                <head></head>
                <body></body>
            </html>

This is happening because the browser isn't expecting to see the code inline between the iframe tags.

0 讨论(0)

查看其它3个回答