Question

 <script src="//www.gmodules.com/ig/ifr?url=http://www.appuonline.com/gadgets/mkt.xml&amp;synd=open&amp;w=176&amp;h=92&amp;title=&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js"></script>

此脚本显示了NIFTY更新的Google小工具。我在我的php页面中调用了这个脚本

  <div class="sensex" align="right">
       <script src="//www.gmodules.com/ig/ifr?url=http://www.appuonline.com/gadgets/mkt.xml&amp;synd=open&amp;w=176&amp;h=92&amp;title=&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js"></script>
</div>

现在，如何在页面加载后运行此脚本..因为它需要时间加载此小工具内容，以便我想在页面后加载此小工具加载..我尝试但我无法做到这一点..请任何人都可以告诉我怎么做......？

Answer 1

如果您将<script>放在body元素的末尾，则在加载页面时将呈现此脚本。

其他方法是编写脚本，在加载页面时生成script元素，并将生成的script元素追加到body。

其他方式的例子：

$(function(){
   var script = document.createElement('script');
   script.src = "//www.gmodules.com/ig/ifr?url=http://www.appuonline.com/gadgets/mkt.xml&amp;synd=open&amp;w=176&amp;h=92&amp;title=&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js";
   $('body').append(script);
});

Answer 2

只需使用下面的这个javascript

<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "//www.gmodules.com/ig/ifr?url=http://www.appuonline.com/gadgets/mkt.xml&amp;synd=open&amp;w=176&amp;h=92&amp;title=&amp;border=%23ffffff%7C0px%2C1px+solid+%23993333%7C0px%2C1px+solid+%23bb5555%7C0px%2C1px+solid+%23DD7777%7C0px%2C2px+solid+%23EE8888&amp;output=js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>

或者您可以使用

document.onload

或

window.onload

如何在页面加载后运行javascript

2 个答案: