JavaScript中的frameborder製作iframe

我試圖使用延遲加載來使我的搜索引擎更快，它使用大量的iframe來顯示結果的不同方面。在將元素的id鏈接到創建iframe的javascript的JavaScript中，我已經指定了frameborder =「0」。我問這個問題是因爲我想知道是否有另一種方法來擺脫框架邊界，因爲這看起來沒有工作。下面是JavaScript代碼：JavaScript中的frameborder製作iframe

<script> 
//doesn't block the load event 
    function createIframe(){ 
      var i = document.createElement("iframe"); 
      var a = Math.random() + ""; 
      var t = a * 10000000000000; 
      i.src = "http://harvix.com/images2.cgi?$query"; 
      i.scrolling = "auto"; 
      i.frameborder = "0"; 
      i.width = "100%"; 
      i.height = "400px"; 
      document.getElementById("frame1").appendChild(i); 
    }; 

    // Check for browser support of event handling capability 
    if (window.addEventListener) 
    window.addEventListener("load", createIframe, false); 
    else if (window.attachEvent) 
    window.attachEvent("onload", createIframe); 
    else window.onload = createIframe; 

</script>

這個JavaScript對應於這個元素，它的IFRAME位置：

print"<div id=\"frame1\"></div>";

這是一個CGI Perl的文檔中的所有運行，因此打印語句。

-Dskrenta

來源

2013-09-21 Dskrenta

CSS會很容易地做到這一點，試試這個：

<style>iframe { border: none; }</style>

或

i.style = "border: none;"

來源

2013-09-21 17:17:27 mattsven

非常感謝，CSS運行良好。 – Dskrenta

只是一點點的話。大量的I幀給出異步請求，從而異步顯示。在我看來，使用ajax調用並控制顯示會更好。

來源

2013-09-21 17:28:55 lastboy

JavaScript中的frameborder製作iframe

回答

相關問題