Penjelasan terperinci tentang penggunaan teg asas dalam pengeluaran halaman HTML_HTML/Xhtml_Web

Dalam requireJS, terdapat atribut yang dipanggil baseURL Dengan menetapkan baseURL, kita boleh menulis laluan fail yang akan dimuatkan secara relatif kepada projek dan bukannya relatif kepada halaman semasa.

Contohnya: Katakan direktori projek kami ialah /myproject/, terdapat dua halaman di dalamnya, satu ialah /myproject/one.html, satu lagi ialah /myproject/html/other.html, kedua-duanya perlu memuatkan /myproject /js /some.js. Jika kita menetapkan baseURL kepada /myproject/, maka apabila kita memuatkan js, kedua-dua halaman boleh menggunakan laluan relatif kepada projek./js/some daripada menggunakan laluan relatif yang berbeza kerana laluan halaman adalah berbeza.

Tetapi jika kami tidak menggunakan requireJS, bolehkah kami melaksanakan fungsi yang serupa dengan baseURL?

tag asas
Malah, terdapat teg asas dalam HTML yang boleh menghasilkan fungsi yang serupa. Contohnya:

Salin kod

Kodnya adalah seperti berikut:

< html>

Kami akan mendapati bahawa kami menggunakan laluan relatif ./images Gambar yang dimuatkan oleh /logo_gray.gif telah menjadi gambar http://static.cnblogs.com/images/logo_gray.gif. Teg asas

boleh menambah laluan lalai atau kaedah pembukaan lalai pada pautan halaman.

Berikut ialah contoh menetapkan kaedah pembukaan lalai:

Salin kod

Kod adalah seperti berikut :

Halaman ini akan dibuka dalam tetingkap baharu
Halaman ini juga akan dibuka dalam tetingkap baharu

A BUG
Sebaik-baiknya jangan menulis teg asas secara dinamik, jika tidak akan terdapat pepijat kecil dalam Firefox dan IE, seperti untuk halaman http://localhost /static/test .html:

Salin kod

Kodnya adalah seperti berikut:

document.write('');
< ;/skrip>

Firefox dan IE akan memuatkan http://localhost/static/static/1.jpg dahulu, dan kemudian memuatkan http://localhost/static/1.jpg. Iaitu, mereka semua cuba memuatkan menggunakan laluan relatif kepada halaman semasa, dan kemudian memuatkan melalui laluan lalai yang ditetapkan oleh teg asas.

Chrome dimuatkan seperti biasa.

Firefox tidak dimuatkan dengan betul.

Kenapa?

Kami tidak menemui penjelasan yang baik untuk ini Analisis kami ialah penyemak imbas telah mengoptimumkan pemuatan sumber, jadi apabila teg asas yang dimasukkan secara dinamik tidak berkuat kuasa, ia dimuatkan terlebih dahulu maka teg asas berkuat kuasa Sumber yang betul dimuatkan semula.

Bagaimana untuk mengelakkannya? Jika anda tidak menulis teg asas secara dinamik, tiada masalah. Jika anda perlu menulis teg asas secara dinamik, maka semua sumber luaran yang dirujuk oleh halaman perlu dimuatkan secara dinamik melalui Javascript.