Rumah hujung hadapan web tutorial js jquery pemuatan dinamik kaedah fail js/css (fungsi kecil yang ditulis sendiri)_jquery

jquery pemuatan dinamik kaedah fail js/css (fungsi kecil yang ditulis sendiri)_jquery

May 16, 2016 pm 04:34 PM
fail js pemuatan dinamik

Mari kita lihat dahulu fail getSrcript yang disertakan dengan jquery

Kaedah

$.getScript(url, panggil balik)

Contoh

Salin kod Kod adalah seperti berikut:

var testVar = 'JS baharu dimuatkan!';
alert(testVar); fungsi newFun(dynParam) {
alert('Anda baru sahaja melepasi ' dynParam ' sebagai parameter.');
}

Kaedah panggilan dinamik

Salin kod Kod adalah seperti berikut:

<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

Salin kod 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']);
Kenyataan Laman Web ini
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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

apakah fail js apakah fail js Aug 10, 2023 pm 05:10 PM

apakah fail js

Python melaksanakan pemuatan halaman dinamik dan analisis fungsi pemprosesan permintaan tak segerak untuk aplikasi koleksi pelayar tanpa kepala Python melaksanakan pemuatan halaman dinamik dan analisis fungsi pemprosesan permintaan tak segerak untuk aplikasi koleksi pelayar tanpa kepala Aug 08, 2023 am 10:16 AM

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 Cara mengendalikan pemuatan dinamik dan penukaran komponen dalam Vue Oct 15, 2023 pm 04:34 PM

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 Mendedahkan prinsip kemas kini hangat di Golang: penjelasan orang dalam tentang pemuatan dinamik dan pemuatan semula Jan 20, 2024 am 10:09 AM

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 Cara membuat jadual yang memuatkan data secara dinamik menggunakan Vue dan Element-UI Jul 21, 2023 pm 11:49 PM

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

vue rujukan fail js vue rujukan fail js Mar 11, 2024 pm 05:42 PM

vue rujukan fail js

Selesaikan ralat Vue: Tidak dapat menggunakan Penghala Vue dengan betul untuk memuatkan komponen secara dinamik berdasarkan parameter penghalaan Selesaikan ralat Vue: Tidak dapat menggunakan Penghala Vue dengan betul untuk memuatkan komponen secara dinamik berdasarkan parameter penghalaan Aug 20, 2023 am 08:09 AM

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? Petua praktikal phpSpider: Bagaimana untuk menangani pemuatan dinamik kandungan web? Jul 22, 2023 am 08:33 AM

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

See all articles