Kaedah JS untuk memasukkan secara dinamik dan segera melaksanakan kemahiran function_javascript panggil balik-tutorial js-php.cn

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

WBOY

Lepaskan： 2016-05-16 15:04:33

asal

1594 orang telah melayarinya

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>

Salin selepas log masuk

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.