cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memuatkan fail js secara dinamik menggunakan kemahiran jquery dan js_javascript

Bagaimana untuk memuatkan fail js secara dinamik menggunakan kemahiran jquery dan js_javascript

WBOY
WBOYasal
2016-05-16 15:18:561075semak imbas

Contoh dalam artikel ini menerangkan cara jquery dan js melaksanakan pemuatan dinamik fail js. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Soalan:

Jika anda menggunakan jquery append untuk memuatkan teg skrip secara langsung, ralat akan dilaporkan. Selain document.write, adakah terdapat cara lain yang lebih baik untuk memuatkan fail js secara dinamik?

Penyelesaian:

1. kaedah jquery 

$.getScript("./test.js");  //加载js文件
$.getScript("./test.js",function(){  //加载test.js,成功后，并执行回调函数
  console.log("加载js文件");
});

2. kaedah js

<html>
<body>
</body>
</html>
<script type="text/javascript">
function loadScript(url, callback) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  if(typeof(callback) != "undefined"){
    if (script.readyState) {
      script.onreadystatechange = function () {
        if (script.readyState == "loaded" || script.readyState == "complete") {
          script.onreadystatechange = null;
          callback();
        }
      };
    } else {
      script.onload = function () {
        callback();
      };
    }
  }
  script.src = url;
  document.body.appendChild(script);
}
loadScript("jquery-latest.js", function () { //加载,并执行回调函数
  alert($(window).height());
});
//loadScript("jquery-latest.js"); //加载js文件
</script>

Pembaca yang berminat dengan lebih banyak kandungan berkaitan JavaScript boleh menyemak topik khas di tapak ini: "Ringkasan Ralat JavaScript dan Teknik Nyahpepijat" dan "Ringkasan Teknik Sambungan JavaScript"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Penjelasan terperinci tentang fungsi paging table angularjs_AngularJSArtikel seterusnya：Penjelasan terperinci tentang fungsi paging table angularjs_AngularJS

Artikel berkaitan

Lihat lagi