Memuatkan Halaman HTML dalam Div Menggunakan JavaScript: Penyelesaian Masalah
Walaupun mudah, memuatkan halaman HTML ke dalam div menggunakan JavaScript kadangkala boleh menimbulkan cabaran , terutamanya dalam pelayar yang berbeza. Artikel ini menangani isu khusus yang dihadapi apabila menggunakan teg objek untuk memuatkan halaman dalam Google Chrome.
Isu Asal:
Kod yang disediakan, yang menggunakan teg objek , berjaya memuatkan halaman dalam Firefox. Walau bagaimanapun, apabila mencuba tindakan yang sama dalam Google Chrome, penyemak imbas meminta pemalam.
Penyelesaian:
Selepas penyiasatan menyeluruh, penyelesaian telah dikenal pasti: menggantikan nilai atribut jenis teg objek daripada "type/html" kepada "text/html" menyelesaikan isu dalam Google Chrome.
Kod dikemas kini yang berfungsi dalam kedua-dua Firefox dan Google Chrome adalah seperti berikut:
function load_home() { document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>'; }
Penjelasan:
Walaupun nilai jenis/html umumnya dikenali dalam pelayar lama seperti Firefox, sesetengah penyemak imbas moden, seperti Google Chrome, mempunyai keperluan jenis MIME yang lebih ketat . Dengan menyatakan "teks/html" secara eksplisit, kami memastikan keserasian merentas penyemak imbas dan menghapuskan keperluan untuk gesaan pemalam.
Atas ialah kandungan terperinci Mengapa Halaman HTML Saya Dimuat sebagai Pemalam dalam Google Chrome, tetapi Bukan Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!