รหัสทั่วไป:
<iframe src = "http://www.baidu.com" marginWidth = "0" marginHeight = "0" scrolling = "no" frameBorder = "0" width = "350"> </iframe> frameBorder = "0" style = "border: none; width: 450px; ความสูง: 80px"> </iframe>
JavaScript Access to Frame, Iframe Framework และทิศทาง href
1. เฟรม
1. ข้อมูลอ้างอิงจากเฟรมเด็กถึงลูก
การรู้ถึงหลักการข้างต้นมันง่ายมากที่จะอ้างถึงกรอบเด็กจากกรอบการทำงานของผู้ปกครองนั่นคือ:
window.frames ["framename"];
สิ่งนี้อ้างอิงเฟรมย่อยชื่อ framename ในหน้า หากคุณต้องการอ้างอิงเฟรมย่อยภายในเฟรมย่อยตามกรอบการอ้างอิงมันเป็นธรรมชาติของวัตถุหน้าต่างดังนั้นคุณสามารถนำไปใช้เช่นนี้:
window.frames ["framename"]. เฟรม ["framename2"];
ด้วยวิธีนี้เฟรมย่อยที่สองจะถูกอ้างอิงและอื่น ๆ การอ้างอิงของกรอบหลายชั้นสามารถรับรู้ได้
2. ข้อมูลอ้างอิงจากเฟรมเด็กไปยังเฟรมหลัก
แต่ละวัตถุหน้าต่างมีคุณสมบัติหลักที่แสดงถึงกรอบการทำงานของแม่ หากเฟรมเวิร์กเป็นเฟรมเวิร์กระดับบนสุดแล้ว Window.parent ก็แสดงถึงเฟรมเวิร์กเอง
3. คำคมระหว่างกรอบของพี่น้อง
หากเฟรมสองเฟรมเป็นเฟรมย่อยเดียวกันของเฟรมเดียวกันพวกเขาจะเรียกว่าเฟรมพี่น้องและสามารถอ้างอิงได้ผ่านเฟรมหลัก ตัวอย่างเช่นหน้ามี 2 เฟรมย่อย:
<frameset rows =” 50%, 50%”> <frame src =” 1.html” name =” frame1″ /> <frame src =” 2.html” name =” frame2″ /> </frameset>
ใน Frame1 คุณสามารถใช้คำสั่งต่อไปนี้เพื่ออ้างถึง Frame2:
self.parent.frames ["frame2"];
4. การอ้างอิงระหว่างระดับเฟรมเวิร์กที่แตกต่างกัน
ลำดับชั้นของเฟรมเวิร์กสำหรับเฟรมเวิร์กระดับบนสุด เมื่อระดับแตกต่างกันเพียงรู้ระดับที่คุณอยู่ในระดับและระดับและชื่อของเฟรมเวิร์กอื่น ๆ และใช้คุณสมบัติของวัตถุหน้าต่างที่อ้างอิงโดยเฟรมเวิร์กคุณสามารถเข้าถึงกันและกันได้อย่างง่ายดายเช่น:
self.parent.frames ["ildname"]. เฟรม ["targetFrameName"];
5. การอ้างอิงถึงเฟรมเวิร์กระดับบนสุด
คล้ายกับคุณสมบัติหลักวัตถุหน้าต่างยังมีคุณสมบัติด้านบน มันแสดงถึงการอ้างอิงถึงกรอบระดับบนสุดซึ่งสามารถใช้เพื่อพิจารณาว่าเฟรมเวิร์กเองเป็นเฟรมเวิร์กระดับบนสุดเช่น:
การคัดลอกรหัสมีดังนี้:
// ตัดสินว่ากรอบนี้เป็นกรอบระดับบนสุด
if (self == top) {
// dosomething
-
ตอนนี้
การคัดลอกรหัสมีดังนี้:
if (window.top! = window.self) {
// dosomething
-
เปลี่ยนหน้าโหลดของเฟรมเวิร์ก
การอ้างอิงถึงเฟรมคือการอ้างอิงถึงวัตถุหน้าต่าง การใช้คุณสมบัติตำแหน่งของวัตถุหน้าต่างคุณสามารถเปลี่ยนการนำทางของเฟรมได้เช่น:
window.frames [0] .location = "1.html";
ตัวแปรและฟังก์ชั่น JavaScript อ้างอิงภายในเฟรมเวิร์กอื่น ๆ
ก่อนที่จะแนะนำเทคนิคการอ้างอิงตัวแปรและฟังก์ชั่น JavaScript ภายในกรอบอื่น ๆ ลองดูที่รหัสต่อไปนี้:
<script language =” javascript” type =” text/javaScript”> <! function hello () {alert ("hello, ajax!");} window.hello (); /////////////////////////////////////////////////0ะ2. เอฟเฟกต์
อย่างเคร่งครัดควรใช้อาร์เรย์เฟรมและเอกสารทั้งหมด
การคัดลอกรหัสมีดังนี้:
<iframe id = myiframe src =” เกี่ยวกับ: <อินพุต type = name box คน = mycheckbox value = mycheckbox>”> </iframe>
<อินพุตประเภท = ปุ่ม onClick =” การแจ้งเตือน (document.frames.myiframe.document.all.mycheckbox.checked)”>
Three.href
1. เหตุการณ์ onClick ที่เชื่อมโยงจะถูกดำเนินการก่อนตามด้วยการกระทำภายใต้แอตทริบิวต์ HREF (การกระโดดหน้าหรือ JavaScript pseudo-link);
2. สมมติว่ามีทั้ง HREF และ ONCLICK ในลิงค์หากคุณต้องการการกระทำภายใต้แอตทริบิวต์ HREF ที่จะไม่ถูกดำเนินการ ONCLICK จะต้องได้รับค่าส่งคืนของเท็จ หากคุณไม่เชื่อคุณสามารถแสดงความคิดเห็นการส่งคืนเท็จในฟังก์ชั่น GogGoogle;
3. หากหน้านั้นยาวเกินไปและมีแถบเลื่อนและคุณต้องการดำเนินการผ่านเหตุการณ์ OnClick ที่เชื่อมโยง แอตทริบิวต์ HREF ของมันควรตั้งค่าเป็น JavaScript: Void (0); แทนที่จะเป็น #ซึ่งป้องกันการกระโดดหน้าไม่จำเป็น
4. หากฟังก์ชั่นที่มีค่าส่งคืนถูกเรียกในแอตทริบิวต์ HREF ที่เชื่อมโยงเนื้อหาของหน้าปัจจุบันจะถูกแทนที่ด้วยค่าส่งคืนของฟังก์ชันนี้
5. จะมีความแตกต่างบางอย่างเมื่อกดปุ่ม Shift ค้างไว้
6. ปัญหาที่ฉันพบในวันนี้คือ ParentNode ไม่สามารถเข้าถึงได้ใน IE6.0 ในรูปแบบของ HREF
7. พยายามอย่าใช้ JavaScript: Protocol เป็นแอตทริบิวต์ HREF ของ A ซึ่งไม่เพียง แต่จะทำให้เกิดการเรียกใช้ Window.onbeforeunload เหตุการณ์ แต่จะหยุดเล่นภาพแอนิเมชั่น GIF ใน IE
ชอบ:
<a href = "javascript: void (0)" onclick = "linkchangepwd ()"> เปลี่ยนรหัสผ่าน </a>
ปรับความสูงของเฟรม
การคัดลอกรหัสมีดังนี้:
window.onload = function () {
parent.document.getElementById ('customiframe'). style.height = document.body.clientheight + "px";
-