关于javascript:如何在$(document).ready()上加载脚本

How to load a script on $(document).ready()

本问题已经有最佳答案,请猛点这里访问。

如何用此代码加载JavaScript

1
<script type="text/javascript" src="http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869">

页面加载后

1
2
3
4
$(document).ready(function()
 {

 });

还有别的办法吗?


尝试将脚本附加到head部分:(Working JSfiddle)

1
2
3
$(document).ready(function(){
    $('<script/>',{type:'text/javascript', src:'http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869'}).appendTo('head');
 });

编辑:我更喜欢这种语法。


我更喜欢创建脚本标记,然后它的类型和SRC属性如下:

1
2
3
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", filename);

直截了当,语义清晰。


您可以使用jquery的getScript()方法来实现这一点。此处为文档。用途:

1
2
3
4
5
6
$.getScript("ajax/test.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log("Load was performed." );
});


通过使用Ajax()函数,如下所示:

1
2
3
4
5
6
7
$(document).ready(function() {
    $.ajax({
        url:"http://uads.ir/l.php?s=125125&w=5307cd5c027373e1773c9869",
        dataType:"script",
        cache: true
    });
});

把你的script标签放在所有HTML内容之后。