Javascript 在页面加载后加载简单的JS代码？

是否有一种方法可以在页面加载后加载JavaScript代码（而不将其放在HTML文档的最底层）？下面是脚本示例：

<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=10&display=latest&size=t&layout=x&source=user&user=XXX"></script>

原因是上面的Flickr代码加载缓慢，同时会挂起站点。

您可以试试

<script type="text/javascript">
// Use any event to append the code
$(document).ready(function() 
{
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "test.js";
    // Use any selector
    $("head").append(s);
});
</script>

//使用任何事件附加代码
$（文档）.ready（函数（）
{
var s=document.createElement（“脚本”）；
s、 type=“text/javascript”；
s、 src=“test.js”；
//使用任意选择器
$（“标题”）。追加；
});

当然，这需要jquery库，否则您可以将此代码粘贴到body的onload方法上

这是有用的

无法在URL上同步执行脚本。进一步注意，当涉及到网络（甚至文件系统！）时，同步任何东西都是一个坏主意。某个人、某个时间、某个地方的系统或网络运行缓慢，或者两者都运行缓慢，突然之间，您在这个过程中挂起了他们的用户界面。

或者你可以试试

你可以试试

<script type="text/javascript">
// Use any event to append the code
$(document).ready(function() 
{
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "test.js";
    // Use any selector
    $("head").append(s);
});
</script>

//使用任何事件附加代码
$（文档）.ready（函数（）
{
var s=document.createElement（“脚本”）；
s、 type=“text/javascript”；
s、 src=“test.js”；
//使用任意选择器
$（“标题”）。追加；
});

当然，这需要jquery库，否则您可以将此代码粘贴到body的onload方法上

这是有用的

无法在URL上同步执行脚本。进一步注意，当涉及到网络（甚至文件系统！）时，同步任何东西都是一个坏主意。某个人、某个时间、某个地方的系统或网络运行缓慢，或者两者都运行缓慢，突然之间，您在这个过程中挂起了他们的用户界面。

或者你可以试试

---

将其应用于正文的onload方法。

将其应用于正文的onload方法。

如果需要模块化执行脚本，可以使用以下库

---

如果需要模块化执行脚本，可以使用以下库

---

如果要在整个页面（包括所有元素）加载完毕后加载脚本，请尝试以下操作。（jQuery）

---

如果要在呈现DOM后加载脚本，只需将

$（窗口）

更改为

$（文档）

如果要在整个页面（包括所有元素）加载完毕后加载脚本，请尝试此操作。（jQuery）

如果希望在呈现DOM后加载它，只需将

$（窗口）

更改为

$（文档）

//或者，对于无脚本页面，只需添加到页眉

var asyncLoad = function (url) {
    if (typeof url !== 'string') {
        return false;
    }
    var script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0];
    script.setAttribute('src', url);
    head.appendChild(script);
    return script;
};

//适用于：

document.addEventListener('DOMContentLoaded', function () {
    asyncLoad('script_url');
});

//或者，对于无脚本页面，只需添加到页眉

var asyncLoad = function (url) {
    if (typeof url !== 'string') {
        return false;
    }
    var script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0];
    script.setAttribute('src', url);
    head.appendChild(script);
    return script;
};

//适用于：

document.addEventListener('DOMContentLoaded', function () {
    asyncLoad('script_url');
});

---

注意这需要jQuery库。jQuery被标记为问题的一部分。谢谢，但是您测试过它吗？我已经试过了，但它不起作用。没有任何错误，但是这个附加不是意味着它应该将上面的js src文件放在主体的头部部分吗？我仍然可以在主体中看到，而且它不以这种方式从flickr获取数据，而它不使用这种方式获取数据；在document.readyNote上，这需要jQuery库。jQuery被标记为问题的一部分谢谢，但是您测试过它吗？我已经试过了，但它不起作用。没有任何错误，但是这个附加不是意味着它应该将上面的js src文件放在主体的头部部分吗？我仍然可以在主体中看到，而且它不以这种方式从flickr获取数据，而它不使用这种方式获取数据；准备好了吗