cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk memasukkan secara dinamik dan segera melaksanakan kemahiran function_javascript panggil balik

Kaedah JS untuk memasukkan secara dinamik dan segera melaksanakan kemahiran function_javascript panggil balik

WBOY
WBOYasal
2016-05-16 15:04:331558semak imbas

Contoh dalam artikel ini menerangkan kaedah memasukkan JS secara dinamik dan melaksanakan fungsi panggil balik serta-merta. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="loading">加载中……</div>
<mce:script type="text/JavaScript">
<!--
function loadJs(id,url,callback){
 var script = document.createElement('script');
 script.type = 'text/javascript';
 script.src = url;
 script.id = id;
 script.onload = script.onreadystatechange = function(){
  alert(script.readyState);
  if(script.readyState && script.readyState != 'loaded' && script.readyState != 'complete') return ;
  script.onreadystatechange = script.onload = null
  if(callback) callback();
 }
 document.body.appendChild(script);
}
loadJs('jQuery','jquery.js',function(){$('#loading').html('jquery.js加载完毕')})
// --></mce:script>
</body>
</html>

Sisipan dinamik fail js memainkan peranan yang sangat penting dalam meningkatkan kelajuan pemuatan halaman dan isu merentas domain. Di atas adalah contoh mudah.

Onreadystatechange disokong pada ie, tetapi onload tidak disokong

Onload disokong pada Firefox, tetapi onreadystatechange tidak disokong

iaitu, ia tidak semestinya dimuatkan atau pencetus lengkap, atau kedua-duanya akan dicetuskan, jadi gunakan atau untuk menilai.

Perlu diambil perhatian bahawa format kes skrip.onreadystatechange dan skrip.readyState tidak sensitif huruf besar-besaran, yang mungkin membawa kepada ralat yang tidak mudah dicari.

Pembaca yang berminat dengan lebih banyak kandungan berkaitan JavaScript boleh menyemak topik khas di tapak ini: "Ringkasan kesan dan teknik penukaran JavaScript", "Ringkasan teknik algoritma carian JavaScript", "Ringkasan kesan dan teknik khas animasi JavaScript", "Ringkasan ralat JavaScript dan kemahiran nyahpepijat", "Ringkasan struktur data JavaScript dan teknik algoritma", "Ringkasan traversal JavaScript bagi Algoritma dan Teknik" dan "Ringkasan Penggunaan Operasi Matematik 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：Perbezaan dalam sintaks JavaScript antara petua IE dan Firefox_javascriptArtikel seterusnya：Perbezaan dalam sintaks JavaScript antara petua IE dan Firefox_javascript

Artikel berkaitan

Lihat lagi