页面加载后加载脚本? [英] Loading scripts after page load?
问题描述
我与一家广告公司合作,我们会在其中标记某些网页以跟踪活动。我的客户希望在页面完全加载之后触发javascript标记以跟踪活动(以防止页面内容由于标记加载时间缓慢而加载缓慢)。
I work with an advertising company, where we tag certain pages to track activity. A client of mine wants to fire off a javascript tag to track activity AFTER the page has finished loading entirely (to prevent the page content from loading slowly due to slow tag load times).
在页面完全加载后应加载的示例标记是:
An example tag that should load AFTER the page has fully loaded is:
<script>document.write('<s'+'cript language="JavaScript" src="http://jact.atdmt.com/jaction/JavaScriptTest"></s'+'cript>')</script>
我正在查看一些stackoverflow线程,我遇到了下面的实现,我认为它将起作用:
I was looking at some stackoverflow threads and I came across the below implementation which I think will work:
window.onload = function(){
<script language="JavaScript" src="http://jact.atdmt.com/jaction/JavaScriptTest"></script>
};
我在自己的网页上对此进行了测试,我确实得到了标记,但我是想知道是否有任何替代或更强大的方法,理想情况下使用某种类型的jquery。
I tested this on my own webpage and I did get the tag to fire off, but I'm wondering if there are any alternate or more robust methods, ideally using jquery of some kind.
以下是客户端尝试的示例实现,但它似乎打破了他们的页面:
Below is a sample implementation that the client tried, but it seems to break their page:
<script>
jQuery(window).load(function () {$('<script language="JavaScript" src="http://jact.atdmt.com/jaction/JavaScriptTest"></script>').insertAfter('#div_name');});
</script>
我有一段时间没有完成JQuery,并希望我能在这里得到其他成员的一些意见。有没有其他方法可以在使用JQuery加载页面后调用上面的脚本?
I haven't done JQuery in a while and was hoping I could get some input from other members here. Is there any other way I can call the above script after page load using JQuery?
谢谢,
推荐答案
所以,这是行不通的:
window.onload = function(){
<script language="JavaScript" src="http://jact.atdmt.com/jaction/JavaScriptTest"></script>
};
您无法自由地将HTML放到javascript中间。
You can't freely drop HTML into the middle of javascript.
如果你有jQuery,你可以使用:
If you have jQuery, you can just use:
$.getScript("http://jact.atdmt.com/jaction/JavaScriptTest")
随时随地。如果您想确保文档已完成加载,您可以这样做:
whenever you want. If you want to make sure the document has finished loading, you can do this:
$(document).ready(function() {
$.getScript("http://jact.atdmt.com/jaction/JavaScriptTest");
});
在普通的javascript中,你可以动态加载脚本在任何时候你想这样:
In plain javascript, you can load a script dynamically at any time you want to like this:
var tag = document.createElement("script");
tag.src = "http://jact.atdmt.com/jaction/JavaScriptTest";
document.getElementsByTagName("head")[0].appendChild(tag);
这篇关于页面加载后加载脚本?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!