โหลดจาวาสคริปต์ภายนอกลงในเพจแบบไดนามิก

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-31 00:37:33

บางครั้งจำเป็นต้องแนะนำจาวาสคริปต์แบบไดนามิกหลังจากโหลด div บางตัวในหน้าเว็บแล้ว วิธีแก้ปัญหาภายใต้ IE:

ต่อไปนี้เป็นเนื้อหาที่ยกมา:
รหัส:
newjs.onreadystatechange = ฟังก์ชั่น ( ) {
ถ้า (newjs.readyState == 'โหลดแล้ว' ) {
// พร้อม!
-
-

newjs.onload = ฟังก์ชั่น ( ) {
// พร้อม!
-

ส่วนใหญ่จะใช้เหตุการณ์ onload และ onreadystatechange เมื่อใช้ประโยชน์จากสิ่งนี้ คุณยังสามารถโหลด CSS ภายนอกแบบไดนามิกได้ ต่อไปนี้เป็นวิธีการเขียนที่เหมาะกับทั้ง Ie/firefox

ต่อไปนี้เป็นเนื้อหาที่ยกมา:
รหัส:
var css;
ฟังก์ชั่น include_css (css_file) {
var html_doc = document.getElementsByTagName ( 'หัว' ) [ 0 ];
css = document.createElement ( 'ลิงก์' );
css.setAttribute ('rel', 'สไตล์ชีต' );
css.setAttribute ( 'ประเภท', 'ข้อความ/css' );
css.setAttribute('href', css_file);
html_doc.appendChild(css);

// แจ้งเตือนการเปลี่ยนสถานะ
css.onreadystatechange = ฟังก์ชัน ( ) {
ถ้า (css. readyState == 'สมบูรณ์' ) {
การแจ้งเตือน ( 'CSS onreadystatechange เริ่มทำงาน' );
-
-
css.onload = ฟังก์ชัน ( ) {
การแจ้งเตือน ( 'CSS onload เริ่มทำงาน' );
-
กลับเท็จ;
-

วาร์ js;
ฟังก์ชั่น include_js (ไฟล์) {
var html_doc = document.getElementsByTagName ( 'หัว' ) [ 0 ];
js = document.createElement ( 'สคริปต์' );
js.setAttribute ('ประเภท', 'ข้อความ/จาวาสคริปต์' );
js.setAttribute ('src', ไฟล์);
html_doc.appendChild(js);

js.onreadystatechange = ฟังก์ชัน ( ) {
ถ้า (js. readyState == 'เสร็จสมบูรณ์' ) {
การแจ้งเตือน ( 'JS onreadystate ยิง' );
-
-

js.onload = ฟังก์ชัน ( ) {
การแจ้งเตือน ( 'JS onload เริ่มทำงาน' );
-
กลับเท็จ;
-