將多個PDF添加到HTML中

  <section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
       <div class="feature-list"> 
        <h3>San Diego</h3> 
        <p>Departure</p> 
         <body> 
         <iframe src="http://flightaware.com/resources/airport/SAN/APD/AIRPORT+DIAGRAM/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/DP/all/pdf" width="600" height="700"> 
         </body> 
        <p>Approach</p> 
         <body> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/STAR/all/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/IAP/all/pdf" width="750" height="800"> 
         </body> 
         </div> 
       </div> 
      </div> 
     </section>

這就是我目前所擁有的，但它只顯示一個pdf，最上面一個。我怎樣才能讓它顯示所有的pdf？將多個PDF添加到HTML中

謝謝

來源

2016-09-13 Giacomo Lawrance

你可以使用身體一次 –

首先，你忘了關閉你的iframe標籤。

的iframe標籤是不是自閉，並應明確關閉類似如下：

<iframe src="https://www.weather.com" width="600" height="700"></iframe>

（注意</iframe>結束標記）

對我來說這一次的工作（原始的HTML再加工）：

<section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
      <div class="feature-list"> 
       <h3>San Diego</h3> 
       <p>Departure</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        </div> 
       <p>Approach</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="750" height="800"></iframe> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section>

見這裏：https://jsfiddle.net/c55zztbn

如果您仍未獲取顯示的iframe的src URL，則您使用的url可能使用「X-Frame-Options」響應標頭，這會阻止iframe加載它。

希望它有一點幫助！

來源

2016-09-13 19:06:31 codelock

非常感謝，完美的工作！謝謝！ –

將多個PDF添加到HTML中

回答

相關問題