首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery & document.write

jQuery & document.write
EN

Stack Overflow用户
提问于 2011-11-08 10:49:45
回答 5查看 19.9K关注 0票数 4

我有以下脚本:

代码语言:javascript
复制
<script type="text/javascript">
$(document).ready(function(){ 
    document.write("<script type=\"text/javascript\" src=\"http://site.com/script.js\"><\/script>");
});
</script>

当我把它放到页面中时,它会重定向到脚本,这是我不想要的。

我想要回显这个javascript文件,在这里插入上面的代码,所以一旦页面有了,它就会被加载。目前,当我使用上面的脚本时,它只是显示javascript文件的内容,而不是整个页面。

我要把它放在我放置这个脚本的页面中。

我这样做是为了使其调用的脚本在页面完成后基本上被加载到位,因为当前这个脚本会导致页面在加载时被阻塞。

谢谢。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-11-08 10:51:26

尝试:

代码语言:javascript
复制
$(document).ready(function(){ 
    $('body').append("<script type=\"text/javascript\" src=\"http://site.com/script.js\"><\/script>");
});

在加载文档之前,document.write将在调用文档时添加到文档中,但在此之后,它将替换现有内容。

票数 10
EN

Stack Overflow用户

发布于 2011-11-08 10:53:31

试试这个:

代码语言:javascript
复制
$(function() {

    $.getScript("http://site.com/script.js");
});

$.getScript还允许您拥有在脚本成功执行后调用的函数。

票数 6
EN

Stack Overflow用户

发布于 2011-11-08 10:53:40

代码语言:javascript
复制
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    </head>
    <body>
        <!-- content here... -->
    </body>
    <script>
        $.getScript('http://site.com/script.js');
    </script>
</html>

将脚本放在页面的末尾,以“推迟”脚本的执行。使用jQuery.getScript()获取并执行脚本。

编辑以避免疑问,添加了查询。显然,需要尽早允许$.getScript工作。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8049229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档