เพื่อปรับปรุงผู้ใช้ในเว็บไซต์ขนาดใหญ่จำนวนมากพวกเขามีฟังก์ชั่นการเลือกขนาดตัวอักษรเพื่อตอบสนองความต้องการในการอ่านของผู้คนในยุคที่แตกต่างกัน หน้า CSS
ตัวอย่างรหัส 1:
<! "คำอธิบาย" content = "นี่คือหน้าของฉัน"> <meta http-equiv = "content-type" content = "text /html; charset = utf-8"> <!-<link rel = "type =" test / css "href =" ./ styles.css ">-> <alle type =" text/ css "> div {border: 1px red solid; ความกว้าง: 455px; ตัวอักษรขนาด: 16px;} .max {ขนาดตัวอักษร: ขนาด: ขนาด 20px;} .Moren {font-size: 16px;} .min {font-size: 12px;} </style> <script type = "text/javascript"> // วิธีนี้ลด JS และ CSS ของ JS และ CSS ฟังก์ชั่นการมีเพศสัมพันธ์ ChangeFontSize (FontStyle) {// รับ Object Node var divnode = document.geleMelementsByTagname ("div") [0]; {// รับ object node var ระหว่าง division = document.getElementByTagname ("div") [0]; 20px ') "> 大号 </a> <a href =" JavaScript: void (0) "onclick =" ChangeFontSize2 (' 16px ') "> 中号 </a> <a href =" JavaScript: void (0 ) "onclick =" ChangeFontSize2 ('12px') "> หลุมฝังศพ </a> <di> นี่คือข้อความที่แสดงขนาดของตัวอักษรนี้ <br/> นี่คือข้อความที่แสดงคุณสามารถเปลี่ยนขนาดของตัวอักษร โดยการคลิกไฮเปอร์ลิงก์ด้านบน นี่คือข้อความที่แสดง ขนาดของตัวอักษรถูกเปลี่ยนไปโดยการคลิกไฮเปอร์ลิงก์ด้านบน ตัวอักษรถูกเปลี่ยนไปโดยการคลิกไฮเปอร์ลิงก์ด้านบน <br/> นี่คือข้อความที่แสดง ไฮเปอร์ลิงก์ <br/> </div> </body> </html>ตัวอย่างวิธีการสอง:
<html> <head> <title> JavaScript Settings Font </title> <style> ร่างกาย {ตัวอักษรขนาด: 9pt;} </style> </head> <body> <div id = Zoom> นี่คือตัวอย่างของ ตัวอย่าง wulin.com </div> <ภาษาสคริปต์ = JavaScript> ฟังก์ชั่น dozoom (ขนาด) {document.getElementById ('Zoom') a href = "JavaScript: dozoom (13)"> 13pt (Ultra -large) </a> <a href = "JavaScript: Dozoom (10.5)"> 10.5pt (ปานกลาง) </a> <a href = "JavaScript : dozoom (9) "9pt (มาตรฐาน) </a>] </body> </html>