ฉันเพิ่งเริ่มต้นอาชีพอย่างเป็นทางการของฉันและได้ทำพาดหัว JS แบบครบวงจรสำหรับ บริษัท ในช่วงไม่กี่วันที่ผ่านมา ฉันได้มาพร้อมกับวิธีการผ่านพารามิเตอร์การกำหนดค่าผ่านแอตทริบิวต์ที่กำหนดเองของสคริปต์
บางครั้งเราเขียนปลั๊กอิน JS ในการใช้ปลั๊กอินนี้เราต้องแนะนำปลั๊กอิน JS ใน HTML ก่อนจากนั้นเพิ่มแท็กสคริปต์แล้วเรียกมันว่า เช่นปลั๊กอินสวิตช์รูปภาพ รหัสมีดังนี้:
$ .fn.picswitch = function (ตัวเลือก) {// นี่คือรหัสสำหรับการสลับภาพ}หลังจากแนะนำปลั๊กอินนี้คุณจะต้องเพิ่มรหัสการโทรไปยังแท็กสคริปต์อื่น
$ ('#pic'). picswitch ({'speed': '400', 'derection': 'left' // ... นี่คือการกำหนดค่า})แน่นอนว่าไม่มีปัญหากับเรื่องนี้ แต่บางครั้งเราไม่ต้องการเพิ่มแท็กสคริปต์เพิ่มเติม หากเราแนะนำแท็กสคริปต์เท่านั้นวิธีการผ่านพารามิเตอร์การกำหนดค่า?
ในเวลานี้เราสามารถใช้คุณสมบัติที่กำหนดเองบนสคริปต์เพื่อผ่านพารามิเตอร์การกำหนดค่า ก่อนหน้านี้คุณต้องประมวลผลปลั๊กอินสลับภาพก่อน รหัสที่แก้ไขมีดังนี้:
$ .fn.picswitch = function () {// นี่คือรหัสสำหรับการสลับภาพ};// เรียกปลั๊กอินหลังจากเขียนแล้วเรียกมันโดยตรง
$ ('นี่คือตัวเลือกคุณต้องรับมันบนแท็กสคริปต์') PicsWitch ('นี่คือพารามิเตอร์การกำหนดค่าคุณต้องได้รับมันบนแท็กสคริปต์');
ถัดไปส่งพารามิเตอร์บนสคริปต์และอ้างอิงปลั๊กอิน JS ดังนี้ในหน้า HTML
<head> <script src = '/script/picswitch.js' id = 'picswitch' obj = '#pic' ตัวเลือก = '{"ความเร็ว": "400", "derection": "ซ้าย"}'> </script> </head> <body>ในที่สุดแก้ไขปลั๊กอินเป็น:
$ .fn.picswitch = function () {// นี่คือรหัสสำหรับการสลับภาพ}; // หลังจากเขียนปลั๊กอินแล้วโทรหาสคริปต์ var = $ ('#picswitch'), // idselector บนแท็ก = script.attr ('ตัวเลือก'), ตัวเลือก = json.parse (script.attr ( $ (ตัวเลือก) .picswitch (ตัวเลือก);ด้วยวิธีนี้ฟังก์ชั่นจะรับรู้ด้วยแท็กเดียวเท่านั้นและการเปลี่ยนแปลงการกำหนดค่าจำเป็นต้องเปลี่ยนคุณสมบัติที่กำหนดเองของสคริปต์เท่านั้น