如何在页面加载后运行javascript

How to run the javascript after page load

本文关键字：运行 javascript 加载      更新时间：2023-09-26
 <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>

现在，如何在页面加载后运行这个脚本。因为这需要时间要加载这个小工具的内容，所以我想加载这个小工具后的页面加载. .我试过了，但我做不到。请告诉我我该怎么做?

如果您将<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);
});

使用下面的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
相关文章：