執行一個JavaScript後頁面加載完成

Question

哪能頁面加載後執行Java腳本完成

<script src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907" type="text/javascript"></script> 

謝謝你們

Answer 1

這將運行一些JavaScript加載腳本文件時：

<script src="mysrc.js" onload="foo"></script> 
<script> 
    function foo() { 
    console.log('Loaded script'); 
    } 
</script> 

這將運行時整個頁面加載的javascript：

document.addEventListener('DOMContentLoaded', function(){ 
    console.log('Loaded page'); 
}); 

Answer 2

追加劇本負荷準備的事件：

$(function(){ 
    var script = document.createElement("script"); 
    script.setAttribute("type", "text/javascript"); 
    script.setAttribute("src", "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"); 
    document.body.appendChild(script); 
}); 

這裏是一個的jsfiddle：https://jsfiddle.net/ndeLhkw9/

Answer 3

如果使用jQuery的，下面的代碼可能工作：

$(document).ready(function() { 
    $.getScript("http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"); 
}); 

Wihtout jQuery的

window.onload = function() { 
    var element = document.createElement("script"); 
    element.src = "http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"; 
    document.getElementsByTagName("head")[0].appendChild(element); 
} 

Answer 4

你可以嘗試jQuery deferred.done（），查看更多deferred.done()。

Answer 5

$(document).ready(function() { 

$("head").append('<script type="text/javascript" src="http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907"></script>'); 
}); 

Answer 6

下面是使用jQuery的例子：

function require(script) { 
    $.ajax({ 
     url: script, 
     dataType: "script", 
     async: false,   // <-- This is the key 
     success: function() { 
      // all good... 
     }, 
     error: function() { 
      throw new Error("Could not load script " + script); 
     } 
    }); 
} 

然後你可以用它在你的代碼，你會經常使用的包括：

require("http://bdv.bidvertiser.com/BidVertiser.dbm?pid=503589&bid=1747907");