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

วัตถุนำทาง

วัตถุเนวิเกเตอร์ให้การเข้าถึงเว็บเบราว์เซอร์เอง อย่าสับสนกับวัตถุหน้าต่างซึ่งแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันและชื่อของโปรแกรม 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)

จากหนังสือ Linux สำหรับผู้ใช้โดย Kostromin Viktor Alekseevich

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

จากหนังสือการเขียนโปรแกรม ผู้แต่ง Kozlova Irina Sergeevna

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

จากหนังสือ 3ds Max 2008 ผู้แต่ง Verstak Vladimir Antonovich

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

จากหนังสือ Photoshop CS3: หลักสูตรการฝึกอบรมโดย Sergey Mikhailovich Timofeev

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

จากหนังสือ Windows Script Host สำหรับ Windows 2000/XP โดย Andrey Vladimirovich Popov

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

จากหนังสืออ้างอิง JavaScript โดยผู้เขียน ทีมผู้เขียน

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

จากหนังสือเทคนิคการสร้างการตกแต่งภายในสไตล์ต่างๆ โดย S. M. Timofeev

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

จากหนังสือ InterBase World สถาปัตยกรรม การบริหาร และการพัฒนาแอปพลิเคชันฐานข้อมูลใน InterBase/FireBird/Yaffil ผู้เขียน Kovyazin Alexey Nikolaevich

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

จากหนังสือการถ่ายภาพดิจิทัล เทคนิคและเอฟเฟกต์โดย Yuri Anatolyevich Gursky

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

จากหนังสือของผู้เขียน

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

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


ข้าว. 4.2.

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

เพื่อความเข้ากันได้กับ JavaScript เวอร์ชันก่อนหน้า ภาษายังรองรับคุณสมบัติ 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 ใน Internet Explorer) หากคุณระบุอาร์กิวเมนต์เป็นเท็จ เบราว์เซอร์จะโหลดเอกสารปัจจุบันจากเซิร์ฟเวอร์อีกครั้ง ไม่ว่าจะเกิดอะไรขึ้นก็ตาม ลักษณะการทำงานนี้สอดคล้องกับการกดปุ่ม 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 ที่ผู้ใช้ได้เยี่ยมชมและสามารถเข้าถึงได้โดยการเลือกโหมดไปจากเมนูเบราว์เซอร์ วิธีการของวัตถุประวัติช่วยให้คุณสามารถโหลดหน้าเว็บโดยใช้ URL จากอาร์เรย์นี้

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

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

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

ประเภทเบราว์เซอร์ (เนวิเกเตอร์)

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

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

วัตถุนี้เป็นข้อมูลอย่างหมดจด ให้ข้อมูลเกี่ยวกับเบราว์เซอร์

เป็นตัวอย่างการใช้เนวิเกเตอร์ เราจะแสดงคุณสมบัติของเบราว์เซอร์ทั้งหมด:

< script type= "text/javascript" >เอกสาร. writeln(); for (คุณสมบัติ var ในเนวิเกเตอร์) ( document.write ("" + property+ /// ); document.writeln (navigator[ property]); ) วัตถุประวัติ

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

วัตถุมีคุณสมบัติ - ความยาว - ความยาว

วัตถุมีวิธีการ: go(), back(), forward()

ลองดูตัวอย่าง:

< script type= "text/javascript>function length())( //แสดงจำนวนช่วงการเปลี่ยนภาพ alert(" Number of transitions: "+history.length);) function back())( //go back history.back();) function forward()) ( // ไปข้างหน้าหนึ่ง 1 การเปลี่ยนแปลง history.forward();) วัตถุที่ตั้ง

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

มีคุณสมบัติดังนี้

  • แฮช - ป้ายกำกับ
  • โฮสต์ - ชื่อโฮสต์ + พอร์ต
  • ชื่อโฮสต์คือ www and.ru ในที่อยู่เว็บไซต์
  • href - มีแถบที่อยู่ ที่นี่คุณสามารถเขียนที่อยู่อื่นได้ และเบราว์เซอร์จะไปที่ที่อยู่นี้
  • ชื่อพาธ – หน้านั้นเอง
  • พอร์ต - โพสต์ที่ใช้
  • โปรโตคอลคือ http:// หรือ ftp://
  • ค้นหา – พารามิเตอร์หลังเครื่องหมายคำถาม

มีวิธีดังนี้:

  • มอบหมาย() - ข้ามไปยังที่อยู่ที่ระบุ
  • reload() - จำลองการกดปุ่ม 'รีเฟรช'
  • แทนที่() – ไปที่ที่อยู่ที่ระบุ แต่ไม่มีปุ่มย้อนกลับบนหน้าที่เปิดอยู่ เช่น ไม่ได้บันทึกหน้านี้ไว้ในประวัติ
วัตถุหน้าจอ

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

  • availHeight – ความสูงของหน้าจอที่ใช้ได้
  • availWidth – ความกว้างของหน้าจอที่ใช้ได้
  • colorDepth – จำนวนบิตที่จัดสรรเพื่อจัดเก็บสี (ไม่ได้ใช้ในปัจจุบัน)
  • height - ความสูงของหน้าจอผู้ใช้
  • ความกว้าง - ความกว้างของหน้าจอผู้ใช้
  • updateInterval - อัตราการรีเฟรชหน้าจอ CRT (ไม่ได้ใช้)

วัตถุเนวิเกเตอร์ให้การเข้าถึงเว็บเบราว์เซอร์เอง อย่าสับสนกับวัตถุหน้าต่างซึ่งแสดงถึงหน้าต่างเว็บเบราว์เซอร์ปัจจุบันและชื่อของโปรแกรม 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)

วัตถุเนวิเกเตอร์มีข้อมูลเกี่ยวกับเบราว์เซอร์ของผู้ใช้ ( โดยเฉพาะ - มีการใช้งานคุกกี้และเปิดใช้งานการสนับสนุน 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("คุณไม่ได้ใช้เบราว์เซอร์ที่รู้จัก");