บทความนี้อธิบายวิธีการสร้างแท็กลิงก์แบบไดนามิกลงในหัวของ JavaScript แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ฉันเชื่อว่าเพื่อนส่วนหน้าจำนวนมากได้พบกับความจำเป็นในการใช้ JavaScript เพื่อสร้างแท็กสไตล์ชีทแบบไดนามิก - แท็กลิงก์ ที่นี่เราจะพูดคุยเกี่ยวกับวิธีการสร้างแท็กลิงก์แบบไดนามิกในเบราว์เซอร์
สร้างแท็กลิงค์ด้วย jQuery
หากคุณต้องการใช้ jQuery ในการพัฒนาการใช้ jQuery เพื่อสร้างแท็กลิงค์ควรมีลักษณะเช่นนี้:
การคัดลอกรหัสมีดังนี้: var cssurl = '/style.css'
linktag = $ ('<link href = "' + cssurl + '" rel = "stylesheet" type = "text /css" media = "' + (สื่อ ||" all ") + '" charset = "' charset ||" utf-8 " + '" />');
// โปรดดูอย่างชัดเจนเพิ่มแท็กลิงก์ลงในหัวแบบไดนามิก
$ ($ ('head') [0]) ภาคผนวก (LinkTag);
สร้างแท็กลิงค์โดยใช้ JavaScript ดั้งเดิม
ถ้าคุณชอบจาวาสคริปต์ที่บริสุทธิ์และเป็นธรรมชาติคุณต้องเขียนแบบนี้:
การคัดลอกรหัสมีดังนี้: var head = document.getElementsByTagname ('head') [0],
cssurl = '/style.css'
linkTag = document.createElement ('link');
linktag.id = 'รูปแบบไดนามิก';
linktag.href = cssurl;
linktag.setAttribute ('rel', 'stylesheet');
linktag.setAttribute ('สื่อ', 'all');
linktag.setAttribute ('type', 'text/css');
head.AppendChild (LinkTag);
วิธีการที่ไม่เหมือนใครของ CreateStylesheet
วิธีที่ไม่เหมือนใครของ IE ก็สะดวกมาก
การคัดลอกรหัสมีดังนี้: var head = document.getElementsByTagname ('head') [0],
CSSURL = 'Themes/Bluenight/style.css'
// document.createstylesheet ได้เพิ่มแท็กลิงค์ไปที่หัว วิธีการพูดมันค่อนข้างสะดวก
linkTag = document.createstylesheet (CSSURL);
เมธอด CreateStylesheet ([surl] [, iindex]) รับพารามิเตอร์สองพารามิเตอร์และ Surl เป็นเส้นทาง URL ของไฟล์ CSS IINDEX เป็นพารามิเตอร์เสริมซึ่งหมายถึงตำแหน่งดัชนีของคอลเลกชัน Stylesheets ที่แทรกในหน้า โดยค่าเริ่มต้นสไตล์ที่สร้างขึ้นใหม่จะถูกเพิ่มในตอนท้าย
โซลูชันที่สมบูรณ์
โดยพื้นฐานแล้วพวกเขาทั้งหมดได้รับการแนะนำลองมาดูวิธีแก้ปัญหาที่สมบูรณ์:
การคัดลอกรหัสมีดังนี้: function createLink (cssurl, lnkid, charset, media) {
var head = $ ($ ('head') [0])
linkTag = null;
ถ้า (! cssurl) {
กลับเท็จ;
-
linktag = $ ('<link href = "' + cssurl + '" rel = "stylesheet" type = "text /css" media = "' + (สื่อ ||" all ") + '" charset = "' charset ||" utf-8 " + '" />');
head.append (linktag);
-
ฟังก์ชั่น createlink (cssurl, lnkid, charset, สื่อ) {
var head = document.getElementsByTagname ('head') [0],
linkTag = null;
ถ้า (! cssurl) {
กลับเท็จ;
-
linkTag = document.createElement ('link');
linktag.setAttribute ('id', (lnkid || 'รูปแบบไดนามิก'));
linktag.setAttribute ('rel', 'stylesheet');
linktag.setAttribute ('charset', (charset || 'UTF-8'));
linktag.setAttribute ('Media', (Media || 'all'));
linktag.setAttribute ('type', 'text/css');
linktag.href = cssurl;
head.AppendChild (LinkTag);
-
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน