如何延遲JavaScript文件使用HtmlTextWritter在C＃中加載最後一個

Question

我有一個Web部件，它創建了一些與用戶指定的任何時區結合的模擬時鐘。我遇到的問題是我的時鐘有時會加載，有時候不會。我相信我的問題在於我的js文件的加載順序。我在我的web部件代碼中加載了一個OnLoad事件，並且我的clock.js文件（構建時鐘的文件）在我的代碼給出UTC時間+偏移量被定義之前先運行。

這裏是我的代碼，以顯示時鐘的時鐘：

protected override void Render(HtmlTextWriter output) 
    { 
    base.Render(output); 


var skins = this._ClockSkins.ToString(); 

output.Write("<table align=\"center\"><tr>"); 

for (int i = 0; i < 6; i++) 
{ 



output.RenderBeginTag(HtmlTextWriterTag.Script); 
output.AddAttribute(HtmlTextWriterAttribute.Type, "text/javascript"); 

//output.Write("var time;"); 
output.Write("function LoadTrigger() {"); 
output.Write("document.write('<span><div width=\"90px\"><td width=\"90px\" valign=\"top\" align=\"center\" ><canvas class=\"CoolClock:" + skins + "\" id=\"[" + i + "]\" ></canvas></td></div></span>');"); 
output.Write("}"); 
output.Write("window.onload = LoadTrigger();"); 
//output.Write("window.setTimeout(\"LoadTrigger()\", 1000);"); 
output.RenderEndTag(); 

//output.Write("<script defer=\"defer\" type=\"text/javascript\">document.write  ('<span><div width=\"90px\"><td width=\"90px\" valign=\"top\" align=\"center\" ><canvas class=\"CoolClock:" + skins + "\" id=\"[" + i + "]\" ></canvas></td></div></span>');</script>"); 
} 

output.Write("</tr></table>"); 


} 
} 

現在有時時鐘將呈現細，有時候我會爲我的模擬時鐘外殼和無分，秒指針（這些都是基於它設置的時區來渲染）。正如你從我註釋掉的代碼中可以看到的，我嘗試了幾種不同的方法來使它正確工作。任何有關我的時鐘爲什麼有效的問題，如果我刷新頁面幾次，他們將工作。

Answer 1

您可以使用類似

setTimeout(function(){ 
    document.write("<script type='text/javascript' src='clock.js'></script> 
"); 
}, 1000); 

耽誤您的網頁列入本的寫作。

Answer 2

如果你正在調用一個js文件，你能夠實際使用jQuery嗎？如果您能夠將JQuery添加到.js文件中，則可以使用以下代碼：

$（document）.ready（function（）{ ...您的東西在這裏... }）;

然後在頁面加載後執行。