ชื่อเบราว์เซอร์เนวิเกเตอร์หน้าต่างวัตถุ Javascript ออบเจ็กต์นาวิเกเตอร์ หน้าจอ และตำแหน่ง - ข้อมูลเกี่ยวกับเบราว์เซอร์และความละเอียดหน้าจอ - URL ปัจจุบัน วิธีการระบุตำแหน่งวัตถุ

โดยปกติช่องที่อยู่ในเบราว์เซอร์จะอยู่ที่ด้านบนสุดของหน้าต่างและแสดง URL ของเอกสารที่ดาวน์โหลด หากผู้ใช้ต้องการนำทางไปยังเพจด้วยตนเอง (พิมพ์ URL) ให้ดำเนินการในช่องที่อยู่

ข้าว. 4.2.

คุณสมบัติตำแหน่งของวัตถุหน้าต่างนั้นเป็นวัตถุของคลาสตำแหน่ง ในทางกลับกัน คลาส Location จะเป็นคลาสย่อยของคลาส URL ซึ่งรวมถึงอ็อบเจ็กต์ของคลาส Area และ Link ด้วย ออบเจ็กต์ตำแหน่งจะสืบทอดคุณสมบัติทั้งหมดของออบเจ็กต์ URL ทำให้คุณสามารถเข้าถึงส่วนใดก็ได้ของรูปแบบ URL เราจะพูดคุยเพิ่มเติมเกี่ยวกับคลาสอ็อบเจ็กต์ URL ใน "การเขียนโปรแกรมการเปลี่ยนไฮเปอร์เท็กซ์"

เพื่อให้เข้ากันได้กับรุ่นก่อนหน้า เวอร์ชันจาวาสคริปต์ภาษายังรองรับคุณสมบัติ window.document ด้วย location ซึ่งปัจจุบันเป็นหน้าต่างที่ซ้ำกันทั้งหมด ตำแหน่งพร้อมคุณสมบัติและวิธีการทั้งหมด ตอนนี้เรามาดูคุณสมบัติและวิธีการของวัตถุหน้าต่างกัน ตำแหน่ง (ไม่มีเหตุการณ์ที่เกี่ยวข้องกับวัตถุนี้)

การสาธิตด้วยตัวอย่างทำได้ง่ายกว่า สมมติว่าเบราว์เซอร์แสดงหน้าที่อยู่ที่:

จากนั้นคุณสมบัติของวัตถุตำแหน่งจะใช้ค่าต่อไปนี้:

window.location.href = "http://www.site.ru:80/dir/page.cgi?product=phone&id=3#mark" window.location.protocol = "http:" window.location.hostname = " www.site.ru" window.location.port = 80 window.location.host = "www.site.ru:80" window.location.pathname = "dir/page.cgi" window.location.search = "?product =phone&id=3" window.location.hash = "#เครื่องหมาย"

ตามที่กล่าวไว้ในการบรรยายครั้งก่อน คุณสมบัติของวัตถุสามารถเข้าถึงได้โดยใช้เครื่องหมายจุด (ตามด้านบน) หรือเครื่องหมายวงเล็บ ตัวอย่างเช่น หน้าต่าง ตำแหน่ง ["โฮสต์"] .

วิธีการของวัตถุตำแหน่งได้รับการออกแบบมาเพื่อควบคุมการโหลดหน้าและการโหลดซ้ำ การควบคุมนี้หมายความว่าคุณสามารถโหลดเอกสารปัจจุบันซ้ำได้ (วิธีการ reload()) หรือโหลดเอกสารใหม่ (วิธีการแทนที่())

window.location.reload (จริง);

เมธอด reload() จะจำลองพฤติกรรมของเบราว์เซอร์โดยสมบูรณ์เมื่อคลิกปุ่มโหลดซ้ำในแถบเครื่องมือ หากคุณเรียกใช้เมธอดโดยไม่มีอาร์กิวเมนต์หรือตั้งค่าเป็น true เบราว์เซอร์จะตรวจสอบเวลาแก้ไขล่าสุดของเอกสารและโหลดจากแคช (หากเอกสารไม่ได้รับการแก้ไข) หรือจากเซิร์ฟเวอร์ ลักษณะการทำงานนี้สอดคล้องกับการกดปุ่มโหลดซ้ำของเบราว์เซอร์ (ปุ่ม F5 เข้า) อินเทอร์เน็ตเอ็กซ์พลอเรอร์- หากคุณระบุอาร์กิวเมนต์เป็นเท็จ เบราว์เซอร์จะโหลดเอกสารปัจจุบันจากเซิร์ฟเวอร์อีกครั้ง ไม่ว่าจะเกิดอะไรขึ้นก็ตาม ลักษณะการทำงานนี้สอดคล้องกับการกดปุ่ม Shift และปุ่มโหลดซ้ำของเบราว์เซอร์พร้อมกัน (หรือ Ctrl+F5 ใน Internet Explorer)

ใช้วัตถุตำแหน่งไปที่ หน้าใหม่สามารถทำได้สองวิธี:

window.location.href="http://www.newsite.ru/"; window.location.replace("http://www.newsite.ru/");

ความแตกต่างระหว่างพวกเขาคือการแสดงการกระทำนี้ในหน้าต่างประวัติหน้า ประวัติศาสตร์. ในกรณีแรก องค์ประกอบใหม่จะถูกเพิ่มลงในประวัติการเข้าชมของคุณซึ่งมีที่อยู่ “http://www.newsite.ru/” ดังนั้นหากคุณต้องการ คุณสามารถคลิกปุ่มย้อนกลับบนแผงเบราว์เซอร์เพื่อกลับไปที่ หน้าก่อนหน้า ในกรณีที่สอง ที่อยู่ใหม่ "http://www.newsite.ru/" จะแทนที่ที่อยู่เก่าในประวัติการเข้าชม และจะไม่สามารถกลับไปยังหน้าก่อนหน้าได้อีกต่อไปโดยการกดปุ่มย้อนกลับ

ประวัติการเรียกดูหน้า ทั่วโลกเว็บอนุญาตให้ผู้ใช้กลับไปยังหน้าที่ดูก่อนหน้านี้ในหน้าต่างเบราว์เซอร์ที่กำหนด ประวัติการเรียกดูใน JavaScript จะถูกแปลงเป็นวัตถุหน้าต่าง ประวัติศาสตร์. ออบเจ็กต์นี้ชี้ไปยังอาร์เรย์ของหน้า URL ที่ผู้ใช้ได้เยี่ยมชมและสามารถเข้าถึงได้โดยการเลือกโหมด Go จากเมนูเบราว์เซอร์ วิธีการของวัตถุประวัติช่วยให้คุณสามารถโหลดหน้าเว็บโดยใช้ URL จากอาร์เรย์นี้

เพื่อหลีกเลี่ยงปัญหาด้านความปลอดภัยของเบราว์เซอร์ คุณสามารถนำทางประวัติได้โดยใช้ดัชนีเท่านั้น ในกรณีนี้ โปรแกรมเมอร์ไม่สามารถใช้ URL ซึ่งเป็นสตริงข้อความได้ บ่อยครั้งที่ออบเจ็กต์นี้ใช้ในตัวอย่างหรือหน้าที่อาจมีลิงก์จากหลาย ๆ แห่ง หน้าที่แตกต่างกันสมมติว่าเราสามารถกลับไปยังหน้าที่โหลดตัวอย่างได้:

รหัสนี้จะแสดงปุ่ม "ย้อนกลับ" ซึ่งการคลิกจะนำเรากลับไปยังหน้าก่อนหน้า วิธีประวัติศาสตร์ก็ทำงานในลักษณะเดียวกัน ไปข้างหน้า () พาเราไปที่หน้าถัดไปที่เยี่ยมชม

นอกจากนี้ยังมีวิธี go() ซึ่งรับอาร์กิวเมนต์จำนวนเต็มและช่วยให้คุณสามารถข้ามไปข้างหน้าหรือย้อนกลับหลายขั้นตอนในประวัติการเข้าชมของคุณ ตัวอย่างเช่น ประวัติศาสตร์ .go(-3) จะพาเราย้อนกลับไป 3 ขั้นตอนในประวัติการเข้าชม ในกรณีนี้ วิธีการ back() และ forward() จะเทียบเท่ากับวิธีการ go() ที่มีอาร์กิวเมนต์ -1 และ 1 ตามลำดับ ประวัติการโทร .go(0) จะทำให้หน้าปัจจุบันถูกโหลดซ้ำ

บ่อยครั้งที่งานตั้งค่าหน้าสำหรับโปรแกรมรับชมเฉพาะ (เบราว์เซอร์) เกิดขึ้น ในกรณีนี้ เป็นไปได้สองตัวเลือก: การกำหนดประเภทเบราว์เซอร์ในฝั่งเซิร์ฟเวอร์หรือฝั่งไคลเอ็นต์ สำหรับตัวเลือกหลัง มีวัตถุหน้าต่างอยู่ในคลังแสงของวัตถุ JavaScript เครื่องนำทาง คุณสมบัติที่สำคัญที่สุดของวัตถุนี้แสดงอยู่ด้านล่าง

ลองดูตัวอย่างง่ายๆ ในการกำหนดประเภทผู้ดู

วัตถุนำทาง

วัตถุเนวิเกเตอร์ให้การเข้าถึงเว็บเบราว์เซอร์เอง อย่าสับสนกับวัตถุหน้าต่างซึ่งแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันและชื่อของโปรแกรม Netscape Navigator

appCodeName

ส่งกลับชื่อของรหัสโปรแกรมเว็บเบราว์เซอร์ สำหรับทั้ง Internet Explorer และ Navigator จะส่งกลับสตริง "Mozilla"

แอพ MinorVersion

ส่งกลับตัวเลขรองของหมายเลขเวอร์ชันซอฟต์แวร์เว็บเบราว์เซอร์ ตัวอย่างเช่น สำหรับ Internet Explorer 5.0 จะส่งกลับ "0" และสำหรับ 5.5 จะส่งกลับ "5"

รองรับเฉพาะ Internet Explorer 4.0 ขึ้นไป

ส่งกลับชื่อของโปรแกรมเว็บเบราว์เซอร์ เช่น "Netscape" หรือ "Microsoft Internet Explorer"

เวอร์ชันของแอป

ส่งกลับเวอร์ชันของโปรแกรมเว็บเบราว์เซอร์

เบราว์เซอร์ภาษา

ส่งกลับรหัสโปรแกรมเว็บเบราว์เซอร์

เปิดใช้งานคุกกี้แล้ว

คืนค่าเป็นจริงหากเว็บเบราว์เซอร์ของผู้ใช้ได้รับอนุญาตให้ยอมรับคุกกี้ รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ซีพียูคลาส

ส่งคืนคลาสตัวประมวลผล คอมพิวเตอร์ไคลเอนต์เช่น "x86" หรือ "Alpha" รองรับเฉพาะ IE ตั้งแต่ 4.0

ภาษา

ส่งกลับรหัสภาษาโปรแกรมเว็บเบราว์เซอร์ รองรับ NN เท่านั้นตั้งแต่ 4.0

คืนค่าเป็นจริงหากไคลเอ็นต์เชื่อมต่อกับอินเทอร์เน็ตอยู่ในขณะนี้ (ออนไลน์) และคืนค่าเป็นเท็จหากออฟไลน์

รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

แพลตฟอร์ม

ส่งกลับชื่อของแพลตฟอร์มไคลเอนต์ เช่น "Win32"

ระบบภาษา

ส่งกลับรหัสภาษา ระบบปฏิบัติการลูกค้า. รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

userAgent

ส่งกลับสตริงที่ระบุเว็บเบราว์เซอร์ของลูกค้า เป็นการผสมผสานระหว่างค่าคุณสมบัติ appCodeName และ appVersion

ภาษาของผู้ใช้

เช่นเดียวกับภาษาเบราว์เซอร์

รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ออบเจ็กต์เนวิเกเตอร์ยังสนับสนุนเมธอด javaEnabled() ซึ่งจะคืนค่าเป็นจริงหากเว็บเบราว์เซอร์อนุญาตให้ผู้ใช้เรียกใช้ JavaScript

ฉันอยากจะพูดรายละเอียดเพิ่มเติมเล็กน้อยเกี่ยวกับคุณสมบัติ appVersion หรือให้เจาะจงมากขึ้นเกี่ยวกับค่าที่ส่งคืน ประเด็นคือมันจะแตกต่างกันสำหรับ IE และ NN

นี่คือรูปแบบที่เนวิเกเตอร์จะมี:

(เวอร์ชั่น) [(ภาษา)] ((ระบบปฏิบัติการ); U|I)

ที่นี่ (เวอร์ชั่น)เป็นเวอร์ชันหนึ่งของเว็บเบราว์เซอร์ (ภาษา)- ภาษาโปรแกรม (แต่อาจจะขาดไป) (ระบบปฏิบัติการ)- การกำหนดระบบปฏิบัติการของลูกค้า เช่น "Win96", "Win16" หรือ "WinNT" ตัวอักษร "U" คือโปรแกรมเวอร์ชันอเมริกัน และ "I" คือเวอร์ชันสากล

ตัวอย่างเช่น:

4.0 (Win95; ฉัน)

Internet Explorer มีรูปแบบที่แตกต่างกันสำหรับการแสดงค่าคุณสมบัติ appVersion:

(เวอร์ชันที่เข้ากันได้ของ Navigator) (เข้ากันได้; (เวอร์ชัน); (ระบบปฏิบัติการ))

ที่นี่ (ระบบปฏิบัติการ)อาจเป็น "Windows 3.1", "Windows 3.11", "Windows 95" หรือ "Windows NT"

2.0 (เข้ากันได้; 3.01; Win95)

คุณสมบัติ userAgentส่งกลับค่าที่มีรูปแบบ:

(ค่า appCodeName)/(ค่า appVersion)

นั่นคือ สำหรับสองตัวอย่างก่อนหน้านี้ เราจะได้รับค่าต่อไปนี้:

Mozilla/4.0 (Win95; I) Mozilla/2.0 (เข้ากันได้; 3.01; Win95)

14.4.2 Netscape Navigator และเบราว์เซอร์ Mozilla Netscape Navigator เป็นเบราว์เซอร์ที่ฉันชื่นชอบ ฉันเคยใช้มันตอนที่ฉันใช้ Windows และรู้สึกยินดีที่พบว่ามีมาพร้อมกับ Black Cat 5.2 รวมถึงเวอร์ชันอื่นๆ ทั้งหมดที่ฉันเคยใช้ ดังนั้นการติดตั้ง

54. Netscape Navigator ตามผู้ใช้โมดูลนี้ทำงานได้ดีมากและบางครั้งก็เกินความเร็วของการทำงานของอวัยวะต่างๆ ตัวควบคุม ActiveXอินเตอร์เน็ตเอ็กซ์พลอเรอร์นั่นเอง แต่ความน่าเชื่อถือยังเป็นที่น่าสงสัย หากคุณทำงานเป็นเวลานานและเข้มข้นกับเพจที่มีความอิ่มตัว

หน้าต่างตัวนำทางวัสดุ/แผนที่ แต่ละวัสดุในฉากสามารถมีวัสดุย่อยจำนวนเท่าใดก็ได้ ซึ่งอาจเป็นวัสดุอื่นหรือแผนที่พื้นผิว เนื้อหาย่อยสามารถแก้ไขได้โดยใช้ม้วนหนังสือที่มีอยู่ แต่

แผงนาวิเกเตอร์ แผงนาวิเกเตอร์ ดังแสดงในรูป 4.2 ช่วยให้เราสามารถเลื่อนดูรูปภาพในวิธีที่สะดวกที่สุด กล่าวคือ ปรับขนาดและเลื่อนไปรอบๆ แผ่นงาน ข้าว. 4.2. แผงนาวิเกเตอร์ที่มุมขวาบน

วัตถุ TextStream วัตถุ TextStream ให้การเข้าถึงตามลำดับ (ทีละบรรทัด) ไฟล์ข้อความ- วิธีการของวัตถุนี้ช่วยให้คุณสามารถอ่านข้อมูลจากไฟล์และเขียนลงไปได้ คุณสามารถสร้างวัตถุ TextStream โดยใช้วิธีการต่อไปนี้:? อ็อบเจ็กต์ CreateTextFile และ FileSystemObject

วัตถุเอกสาร ก่อนอื่น ควรสังเกตว่าวัตถุเอกสารมีอยู่ในอินสแตนซ์เดียวสำหรับเอกสาร HTML ทั้งหมด จะปรากฏอยู่เสมอหากมีเอกสาร HTML ดังนั้นจึงไม่จำเป็นต้องสร้างมันขึ้นมาโดยเฉพาะ activeElementใช้ในสคริปต์เพื่อรับลิงค์

วัตถุตำแหน่ง วัตถุตำแหน่งประกอบด้วยข้อมูลเกี่ยวกับตำแหน่งของเอกสารปัจจุบัน เช่น ที่อยู่อินเทอร์เน็ตของเขา นอกจากนี้ยังสามารถใช้เพื่อนำทางไปยังเอกสารอื่นและโหลดเอกสารปัจจุบันอีกครั้ง คุณสมบัติของวัตถุตำแหน่ง วิธีการของวัตถุตำแหน่ง การใช้วัตถุตำแหน่ง

วัตถุสไตล์ เช่นเดียวกับวัตถุอื่นๆ ทั้งหมด สไตล์สนับสนุนคุณสมบัติและวิธีการจำนวนหนึ่ง สามารถแบ่งออกเป็นสองกลุ่ม: และ คุณสมบัติของกลุ่มแรกโดยทั่วไปจะคล้ายกับแอตทริบิวต์สไตล์ที่สอดคล้องกันและมีชื่อเกือบเหมือนกัน ยกเว้นว่าสัญลักษณ์ "-" จะถูกลบออก เนื่องจาก ไม่

วัตถุสไตล์ในนาวิเกเตอร์ สไตล์ JavaScript Navigator รองรับการอ้างอิงโดยตรงโดยตัวระบุสำหรับอ็อบเจ็กต์เลเยอร์เท่านั้น และไม่รองรับคอลเลกชันทั้งหมด และการรองรับแอตทริบิวต์ ID นั้นค่อนข้างดี ส่วนใหญ่จะใช้สำหรับการกำหนดสไตล์ให้กับองค์ประกอบต่างๆ แต่วัตถุเนวิเกเตอร์เอกสาร

วัตถุหน้าต่าง วัตถุหน้าต่างแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันหรือเฟรมเดียวถ้าหน้าต่างถูกแบ่งออกเป็นเฟรมปิดคืนค่าจริงหากหน้าต่างปัจจุบันถูกปิด สามารถใช้ได้เมื่อทำงานกับหลาย ๆ windows.defaultStatusข้อความเริ่มต้นที่แสดงในบรรทัด

เลเยอร์ออบเจ็กต์ เลเยอร์ทั้งหมดที่กำหนดไว้ในเอกสารจะพร้อมใช้งานในฐานะสมาชิกของคอลเลกชัน layer.document.layers;document.layers["somelayer"];NN รองรับการเข้าถึงเลเยอร์โดยตรงด้วยชื่อ เลเยอร์ถูกตั้งชื่อโดยใช้แอตทริบิวต์ NAME ของแท็กและ :document.somelayer; เพื่อเข้าถึงเลเยอร์ที่อยู่ภายใน

วัตถุเนวิเกเตอร์ วัตถุเนวิเกเตอร์ให้การเข้าถึงเว็บเบราว์เซอร์เอง อย่าสับสนกับวัตถุหน้าต่างซึ่งแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันและชื่อของแอปพลิเคชัน Netscape Navigator.appCodeName ส่งคืนชื่อของรหัสแอปพลิเคชันเว็บเบราว์เซอร์ สำหรับทั้ง Internet Explorer และ Navigator

วัตถุหน้าจอ วัตถุหน้าจอใช้เพื่อเข้าถึงคุณลักษณะระบบวิดีโอของคอมพิวเตอร์ไคลเอนต์ ประโยชน์ความสูงส่งคืนความสูงของพื้นที่ใช้งานของหน้าจอโดยไม่มีแถบงานและองค์ประกอบที่คล้ายกัน กุย system.availWidthส่งคืนความกว้างของพื้นที่หน้าจอที่ใช้งานโดยไม่มี

วัตถุ ทุกสิ่งที่อยู่ในพื้นที่เสมือนสามมิติของฉากนั้นเป็นวัตถุ คำว่า “วัตถุ” หมายถึง สิ่งที่มีอยู่ในนั้น โลกสามมิติ- สิ่งที่เราสร้างในพื้นที่เสมือนจะเป็นวัตถุมีหลายประเภท สังกัด

SQL Navigator นี่เป็นส่วนที่น่าสนใจที่สุดของ FIBPlus Tools ซึ่งไม่มีความคล้ายคลึงในผลิตภัณฑ์อื่น อันที่จริงแล้ว นี่คือเครื่องมือสำหรับการประมวลผล SQL แบบรวมศูนย์ภายในแอปพลิเคชันทั้งหมด (รูปที่ 2.54): รูปที่ 2.54 รูปร่าง SQL NavigatorSQLNavigator ช่วยให้นักพัฒนามุ่งเน้นไปที่การเขียนและ

Navigator Palette จานสีนี้ทำหน้าที่สองอย่างที่ต้องแยกความแตกต่าง: การนำทางและการปรับขนาด (รูปที่ 8.9) ข้าว. 8.9. องค์ประกอบของจานสี Navigator1. พื้นที่ทำงาน- ประกอบด้วยสองส่วน - สำเนาเล็ก ๆ ของทุกสิ่ง เปิดภาพและการจำกัด

วัตถุเนวิเกเตอร์ให้การเข้าถึงเว็บเบราว์เซอร์เอง อย่าสับสนกับวัตถุหน้าต่างซึ่งแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันและชื่อของโปรแกรม Netscape Navigator

ส่งกลับชื่อของรหัสโปรแกรมเว็บเบราว์เซอร์ สำหรับทั้ง Internet Explorer และ Navigator จะส่งกลับสตริง "Mozilla" สุดยอด.

ส่งกลับตัวเลขรองของหมายเลขเวอร์ชันซอฟต์แวร์เว็บเบราว์เซอร์ ตัวอย่างเช่น สำหรับ Internet Explorer 5.0 จะส่งกลับ "0" และสำหรับ 5.5 จะส่งกลับ "5"

รองรับเฉพาะ Internet Explorer 4.0 ขึ้นไป

ส่งกลับชื่อของโปรแกรมเว็บเบราว์เซอร์ เช่น "Netscape" หรือ "Microsoft Internet Explorer"

ส่งกลับเวอร์ชันของโปรแกรมเว็บเบราว์เซอร์

ส่งกลับรหัสโปรแกรมเว็บเบราว์เซอร์

คืนค่าเป็นจริงหากเว็บเบราว์เซอร์ของผู้ใช้ได้รับอนุญาตให้ยอมรับคุกกี้ รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ส่งกลับคลาสตัวประมวลผลของคอมพิวเตอร์ไคลเอนต์ เช่น "x86" หรือ "Alpha" รองรับเฉพาะ IE ตั้งแต่ 4.0

ส่งกลับรหัสภาษาโปรแกรมเว็บเบราว์เซอร์ รองรับ NN เท่านั้นตั้งแต่ 4.0

คืนค่าเป็นจริงหากไคลเอ็นต์เชื่อมต่อกับอินเทอร์เน็ตอยู่ในขณะนี้ (ออนไลน์) และคืนค่าเป็นเท็จหากออฟไลน์

รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ส่งกลับชื่อของแพลตฟอร์มไคลเอนต์ เช่น "Win32"

ส่งคืนรหัสภาษาของระบบปฏิบัติการไคลเอ็นต์ รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ส่งกลับสตริงที่ระบุเว็บเบราว์เซอร์ของลูกค้า เป็นการผสมผสานระหว่างค่าคุณสมบัติ appCodeName และ appVersion

เช่นเดียวกับภาษาเบราว์เซอร์

รองรับเฉพาะ IE ตั้งแต่เวอร์ชัน 4.0

ออบเจ็กต์เนวิเกเตอร์ยังสนับสนุนเมธอด javaEnabled() ซึ่งจะคืนค่าเป็นจริงหากเว็บเบราว์เซอร์อนุญาตให้ผู้ใช้เรียกใช้ JavaScript

ฉันอยากจะพูดรายละเอียดเพิ่มเติมเล็กน้อยเกี่ยวกับคุณสมบัติ appVersion หรือให้เจาะจงมากขึ้นเกี่ยวกับค่าที่ส่งคืน ประเด็นคือมันจะแตกต่างกันสำหรับ IE และ NN

นี่คือรูปแบบที่เนวิเกเตอร์จะมี:

(เวอร์ชั่น) [(ภาษา)] ((ระบบปฏิบัติการ); U|I)

ที่นี่ (เวอร์ชั่น)เป็นเวอร์ชันหนึ่งของเว็บเบราว์เซอร์ (ภาษา)- ภาษาโปรแกรม (แต่อาจจะขาดไป) (ระบบปฏิบัติการ)- การกำหนดระบบปฏิบัติการของลูกค้า เช่น "Win96", "Win16" หรือ "WinNT" ตัวอักษร "U" คือโปรแกรมเวอร์ชันอเมริกัน และ "I" คือเวอร์ชันสากล

ตัวอย่างเช่น:

4.0 (Win95; ฉัน)

Internet Explorer มีรูปแบบที่แตกต่างกันสำหรับการแสดงค่าคุณสมบัติ appVersion:

(เวอร์ชั่นที่เข้ากันได้ของ Navigator) (เข้ากันได้; (เวอร์ชั่น); (ระบบปฏิบัติการ))

ที่นี่ (ระบบปฏิบัติการ)อาจเป็น "Windows 3.1", "Windows 3.11", "Windows 95" หรือ "Windows NT"

2.0 (เข้ากันได้; 3.01; Win95)

คุณสมบัติ userAgentส่งกลับค่าที่มีรูปแบบ:

(ค่า appCodeName)/(ค่า appVersion)

นั่นคือ สำหรับสองตัวอย่างก่อนหน้านี้ เราจะได้รับค่าต่อไปนี้:

Mozilla/4.0 (Win95; I) Mozilla/2.0 (เข้ากันได้; 3.01; Win95)

วัตถุเนวิเกเตอร์มีข้อมูลเกี่ยวกับเบราว์เซอร์ของผู้ใช้ ( โดยเฉพาะ - สามารถใช้งานได้หรือไม่ คุกกี้และเปิดใช้งานการสนับสนุน Java หรือไม่?).

ออบเจ็กต์เนวิเกเตอร์ยังช่วยให้คุณกำหนดประเภทของระบบปฏิบัติการได้

เพื่อความสะดวกในการทำงานกับวัตถุเนวิเกเตอร์เราจะแสดงคุณสมบัติทั้งหมดบนหน้าจอ เราจำเนื้อหาจาก บทเรียนก่อนหน้า.

var ใด ๆ ;

/* วนซ้ำคุณสมบัติของวัตถุเนวิเกเตอร์ */
สำหรับ (ใด ๆ ในเนวิเกเตอร์)
{
เอกสาร .write (ใด ๆ + "
" );
}

ข้อมูลเกี่ยวกับเบราว์เซอร์ - คุณสมบัติ userAgent;

ภาษาของเบราว์เซอร์ - คุณสมบัติภาษา

ชื่อระบบปฏิบัติการ - คุณสมบัติ oscpu;

เปิดใช้งานคุกกี้หรือไม่ - คุณสมบัติ cookieEnable d;

ไม่ว่าผู้ใช้จะเชื่อมต่อกับอินเทอร์เน็ต - คุณสมบัติออนไลน์

คุณสมบัติของวัตถุเนวิเกเตอร์เข้าถึงได้ผ่านจุด

เอกสาร .write("ชื่อเบราว์เซอร์: " + navigator .userAgent + "
" );
เอกสาร .write("ภาษาของเบราว์เซอร์: " + นาวิเกเตอร์ .ภาษา + "
" );
เอกสาร .write("ชื่อระบบปฏิบัติการ: " + navigator .oscpu + "
" );
document .write("เปิดใช้งานคุกกี้แล้ว: " + navigator .cookieEnable d + "
" );
เอกสาร .write("การเชื่อมต่อเครือข่าย: " + navigator .onLine + "
" );

วัตถุหน้าจอจะช่วยให้คุณได้รับข้อมูลเกี่ยวกับความละเอียดหน้าจอของผู้ใช้ ความลึกของสี ฯลฯ

ลองทำแบบเดียวกันกับวัตถุบนหน้าจอ ขั้นแรก เราจะแสดงคุณสมบัติทั้งหมดของมัน

var ใด ๆ ; /* ตัวแปรตามอำเภอใจ */

/* วนซ้ำคุณสมบัติของวัตถุหน้าจอ */
สำหรับ (ใดๆ บนหน้าจอ)
{
เอกสาร .write (ใด ๆ + "
" );
}

ตอนนี้ เมื่อใช้คุณสมบัติความสูงและความกว้างของวัตถุหน้าจอ เราจะได้ข้อมูลเกี่ยวกับความละเอียดของหน้าจอ - ความสูงและความกว้างเป็นพิกเซล และเกี่ยวกับความลึกบิตของจานสีด้วย - คุณสมบัติ colorDepth

เอกสาร .write("ความสูงของหน้าจอ: " + screen .height + "px
" );
เอกสาร .write("ความกว้างของหน้าจอ: " + screen .width + "px
" );

เอกสาร .write("ความลึกของสี: " + screen .colorDepth + "
" );

วัตถุตำแหน่งส่งกลับ URL ของหน้าต่างปัจจุบันของผู้ใช้

นอกจากนี้ยังมีข้อมูลเกี่ยวกับส่วนต่างๆ และส่วนประกอบของที่อยู่ปัจจุบัน เช่น ชื่อโฮสต์ หมายเลขพอร์ต โปรโตคอล ฯลฯ

คุณสมบัติของวัตถุที่ตั้ง

var ใด ๆ ; /* ตัวแปรตามอำเภอใจ */

/* วนซ้ำคุณสมบัติของวัตถุตำแหน่ง */
สำหรับ (ใดๆ ในสถานที่)
{
เอกสาร .write (ใด ๆ + "
" );
}

ลองใช้คุณสมบัติ href ของวัตถุสถานที่เพื่อแสดง URL ของเอกสารปัจจุบัน

document.write("URL: " + ตำแหน่ง .href ) ;

มาทำการบ้านของเราสำหรับบทเรียนนี้กันดีกว่า

ค้นหาว่าบุคคลนั้นมาที่เพจของคุณจากเบราว์เซอร์ใดและแสดง:

หาก Firefox: "เบราว์เซอร์ของคุณคือ Firefox"
หากโอเปร่า: "เบราว์เซอร์ของคุณคือ Opera"
หากเป็น Chrome: "เบราว์เซอร์ของคุณคือ Chrome"

เพื่อแก้ปัญหานี้ การบ้านจำเป็นต้อง:

การใช้คุณสมบัติ userAgent ของออบเจ็กต์เนวิเกเตอร์ รับข้อมูลเกี่ยวกับเบราว์เซอร์ปัจจุบัน

ในขณะที่แก้ไขปัญหานี้ ฉันได้รับข้อมูลต่อไปนี้เกี่ยวกับเบราว์เซอร์ Firefox, Opera และ Chrome

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:56.0) Gecko/20100101 Firefox /56.0

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML เช่น Gecko) Chrome /61.0.3163.100 Safari/537.36 OPR /48.0.2685.39

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML เช่น Gecko) Chrome /61.0.3163.100 Safari/537.36

ด้วยความช่วยเหลือ การแสดงออกปกติค้นหาชื่อเบราว์เซอร์จากข้อมูลเกี่ยวกับพวกเขา

เบราว์เซอร์ var = เนวิเกเตอร์ .userAgent ; /* ข้อมูลเกี่ยวกับเบราว์เซอร์ปัจจุบัน */

/* เขียน การแสดงออกปกติเพื่อค้นหารายการที่ตรงกันในข้อมูลเบราว์เซอร์ */
var regV_1 = /firefox/ i ; /* i - รูปแบบที่ไม่คำนึงถึงขนาดตัวพิมพ์ */
var regV_2 = /chrome/ ฉัน ;
var regV_3 = /opr/ ฉัน ;

/* เราจัดทำเงื่อนไขขึ้น */
ถ้า (เบราว์เซอร์ .match (regV_1 ) != null )
{
document.write("เบราว์เซอร์ของคุณคือ Firefox");
}

/* ที่นี่เราพิจารณาว่า Chrome มีอยู่ในคำอธิบายสำหรับ Opera */
อื่นถ้า(เบราว์เซอร์ .match (regV_2 ) != null && browsers .match (regV_3 ) != "OPR" )
{
document.write("เบราว์เซอร์ของคุณคือ Chrome");
}

อย่างอื่นถ้า (เบราว์เซอร์ .match (regV_3 ) != null )
{
document.write("เบราว์เซอร์ของคุณคือ Opera");
}

อื่น
{
document.write("คุณไม่ได้ใช้เบราว์เซอร์ที่รู้จัก");