


jquery pemuatan dinamik kaedah fail js/css (fungsi kecil yang ditulis sendiri)_jquery
May 16, 2016 pm 04:34 PMMari kita lihat dahulu fail getSrcript yang disertakan dengan jquery
Kaedah
$.getScript(url, panggil balik)
Contoh
var testVar = 'JS baharu dimuatkan!';
alert(testVar); fungsi newFun(dynParam) {
alert('Anda baru sahaja melepasi ' dynParam ' sebagai parameter.');
}
Kaedah panggilan dinamik
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(fungsi()
{
$('#loadButton').klik(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//Fungsi ini dalam new.js.Fungsi ini dijalankan apabila klik diklik
});
});
});
</skrip>
</head>
<badan>
<button type="button" id="loadButton">Load</button>
Di atas hanya boleh memuatkan kod js secara dinamik, tetapi tidak boleh memuatkan css Kemudian, saya menulis program yang boleh memuatkan js dan css.
Kod adalah seperti berikut
$.extend({
includePath: '',
sertakan: fungsi(fail)
{
var files = jenis fail == "rentetan" ? [fail] : fail;
untuk (var i = 0; i < files.length; i )
{
var name = files[i].replace(/^s|s$/g, "");
var att = name.split('.');
var ext = att[att.length - 1].toLowerCase();
var isCSS = ext == "css";
var tag = isCSS ? "link" : "script";
var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ";
pautan var = (isCSS ? "href" : "src") "='" $.includePath name "'";
if ($(tag "[" link "]").length == 0) document.write("<" tag attr link "></" tag ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Python melaksanakan pemuatan halaman dinamik dan analisis fungsi pemprosesan permintaan tak segerak untuk aplikasi koleksi pelayar tanpa kepala

Cara mengendalikan pemuatan dinamik dan penukaran komponen dalam Vue

Mendedahkan prinsip kemas kini hangat di Golang: penjelasan orang dalam tentang pemuatan dinamik dan pemuatan semula

Cara membuat jadual yang memuatkan data secara dinamik menggunakan Vue dan Element-UI

Selesaikan ralat Vue: Tidak dapat menggunakan Penghala Vue dengan betul untuk memuatkan komponen secara dinamik berdasarkan parameter penghalaan

Petua praktikal phpSpider: Bagaimana untuk menangani pemuatan dinamik kandungan web?
