คำถามติดแท็ก iframe

'iframe' คือองค์ประกอบ HTML ที่สร้าง "เฟรมแบบอินไลน์" ภายในเอกสารซึ่งอนุญาตให้แสดงเอกสารแยกต่างหากในหน้าเดียวกัน

27
วิธีการใช้ CSS กับ iframe?
ฉันมีหน้าง่าย ๆ ที่มีบางส่วน iframe (เพื่อแสดงลิงก์ RSS) ฉันจะใช้รูปแบบ CSS เดียวกันจากหน้าหลักไปยังหน้าที่แสดงใน iframe ได้อย่างไร
1017 html  css  iframe  rss 

14
jQuery / JavaScript: การเข้าถึงเนื้อหาของ iframe
ฉันต้องการจัดการ HTML ภายใน iframe โดยใช้ jQuery ฉันคิดว่าฉันสามารถทำได้โดยการตั้งค่าบริบทของฟังก์ชัน jQuery เป็นเอกสารของ iframe บางอย่างเช่น: $(function(){ //document ready $('some selector', frames['nameOfMyIframe'].document).doStuff() }); อย่างไรก็ตามเรื่องนี้ดูเหมือนจะไม่ทำงาน การตรวจสอบเล็กน้อยแสดงให้ฉันเห็นว่าตัวแปรในframes['nameOfMyIframe']นั้นอยู่undefinedนอกเสียจากว่าฉันจะรอสักครู่เพื่อให้โหลด iframe อย่างไรก็ตามเมื่อ iframe โหลดตัวแปรจะไม่สามารถเข้าถึงได้ (ฉันได้รับpermission deniedข้อผิดพลาด -type) มีใครรู้บ้างเกี่ยวกับเรื่องนี้?

25
ลบเส้นขอบออกจาก IFrame
ฉันจะลบเส้นขอบออกจาก iframe ที่ฝังอยู่ในเว็บแอปได้อย่างไร ตัวอย่างของ iframe คือ: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> ฉันต้องการเปลี่ยนจากเนื้อหาในหน้าของฉันไปเป็นเนื้อหาของ iframe ให้ราบรื่นโดยสมมติว่าสีพื้นหลังมีความสอดคล้องกัน เบราว์เซอร์เป้าหมายคือ IE6 เท่านั้นและน่าเสียดายที่โซลูชันสำหรับผู้อื่นจะไม่ช่วย

17
เรียกใช้โค้ด JavaScript ใน iframe จากหน้าพาเรนต์
โดยทั่วไปฉันมีการiframeฝังตัวในหน้าและiframeมีบางจาวาสคริปต์ที่ฉันจำเป็นต้องเรียกใช้จากหน้าหลัก ตรงกันข้ามตอนนี้ค่อนข้างง่ายที่คุณจะต้องโทร parent.functionName()แต่น่าเสียดายที่ฉันต้องการสิ่งที่ตรงกันข้าม โปรดทราบว่าปัญหาของฉันไม่ได้มีการเปลี่ยนแปลงแหล่งที่มาURLของแต่การเรียกฟังก์ชั่นที่กำหนดไว้ในiframeiframe
615 javascript  html  iframe 

16
จะระบุได้อย่างไรว่าหน้าเว็บกำลังโหลดอยู่ภายใน iframe หรือโดยตรงไปยังหน้าต่างเบราว์เซอร์?
ฉันกำลังเขียนแอพ Facebook ที่ใช้ iframe ตอนนี้ฉันต้องการใช้หน้า html เดียวกันเพื่อแสดงผลเว็บไซต์ปกติเช่นเดียวกับเพจ Canvas ภายใน Facebook ฉันต้องการทราบว่าฉันสามารถตรวจสอบว่าหน้าได้รับการโหลดภายใน iframe หรือโดยตรงในเบราว์เซอร์?

7
SecurityError: บล็อกเฟรมที่มีต้นกำเนิดไม่ให้เข้าถึงเฟรมข้ามเฟรม
ฉันกำลังโหลด<iframe>ในหน้า HTML ของฉันและพยายามเข้าถึงองค์ประกอบภายในโดยใช้ Javascript แต่เมื่อฉันพยายามรันโค้ดของฉันฉันได้รับข้อผิดพลาดต่อไปนี้: SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. คุณช่วยฉันหาวิธีแก้ปัญหาเพื่อให้ฉันสามารถเข้าถึงองค์ประกอบในเฟรมได้หรือไม่? ฉันใช้รหัสนี้สำหรับการทดสอบ แต่ในไร้สาระ: $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

20
การปรับขนาด iframe ตามเนื้อหา
ฉันกำลังทำงานกับแอปพลิเคชันที่คล้ายกับ iGoogle เนื้อหาจากแอปพลิเคชันอื่น (ในโดเมนอื่น) จะแสดงขึ้นโดยใช้ iframes ฉันจะปรับขนาด iframe ให้พอดีกับความสูงของเนื้อหา iframes ได้อย่างไร ฉันพยายามถอดรหัส javascript ที่ Google ใช้ แต่มันทำให้งงงวยและการค้นหาเว็บยังไม่เป็นผลดี อัปเดต:โปรดทราบว่าเนื้อหาถูกโหลดจากโดเมนอื่นดังนั้นจึงมีการนำนโยบายต้นกำเนิดเดียวกันมาใช้

7
ฉันสามารถใช้ jQuery หลายเวอร์ชันในหน้าเดียวกันได้หรือไม่?
โครงการที่ฉันกำลังดำเนินการอยู่นั้นต้องการการใช้ jQuery บนเว็บเพจของลูกค้า ลูกค้าจะใส่ก้อนของรหัสที่เราจะจัดหาซึ่งรวมถึงไม่กี่<script>องค์ประกอบที่สร้างเครื่องมือในสร้างแล้ว<script> <iframe>หากพวกเขาไม่ได้ใช้ jQuery รุ่นล่าสุดอยู่แล้วสิ่งนี้จะรวมถึง (สำหรับส่วนใหญ่) a <script>สำหรับ jQuery รุ่นที่โฮสต์โดย Google ปัญหาคือลูกค้าบางรายอาจมี jQuery เวอร์ชันเก่าติดตั้งอยู่แล้ว แม้ว่าวิธีนี้อาจใช้งานได้หากเป็นรุ่นล่าสุดอย่างเป็นธรรม แต่โค้ดของเราอาศัยฟังก์ชันการทำงานที่ได้รับการแนะนำเมื่อเร็ว ๆ นี้ในไลบรารี jQuery ดังนั้นจึงมีข้อผูกมัดที่จะต้องใช้อินสแตนซ์เมื่อรุ่น jQuery ของลูกค้าเก่าเกินไป เราไม่ต้องการให้พวกเขาอัปเกรดเป็น jQuery เวอร์ชันล่าสุด มีวิธีใดที่จะโหลด jQuery เวอร์ชันที่ใหม่กว่าเพื่อใช้ภายในบริบทของรหัสของเราเท่านั้นซึ่งจะไม่รบกวนหรือส่งผลกระทบต่อรหัสใด ๆ บนหน้าลูกค้า? ตามหลักแล้วบางทีเราสามารถตรวจสอบสถานะของ jQuery ตรวจพบเวอร์ชันและถ้ามันเก่าเกินไปก็จะโหลดเวอร์ชันล่าสุดเพื่อใช้กับโค้ดของเรา ฉันมีความคิดในการโหลด jQuery ใน<iframe>โดเมนของลูกค้าซึ่งรวมถึงของเรา<script>ซึ่งดูเหมือนจะเป็นไปได้ แต่ฉันหวังว่าจะมีวิธีที่สง่างามกว่าที่จะทำ (ไม่เอ่ยถึงหากไม่มีประสิทธิภาพและความซับซ้อนของ พิเศษ<iframe>)

19
เฟรมบัสเตอร์บัสเตอร์ ... จำเป็นต้องใช้รหัสบัสเตอร์
สมมติว่าคุณไม่ต้องการให้เว็บไซต์อื่น ๆ "ใส่เฟรม" ไซต์ของคุณใน<iframe>: <iframe src="http://example.org"></iframe> ดังนั้นคุณจึงใส่ JavaScript ป้องกันการวางเฟรมลงในหน้าเว็บของคุณทั้งหมด: /* break us out of any containing iframes */ if (top != self) { top.location.replace(self.location.href); } ยอดเยี่ยม ตอนนี้คุณ "หยุด" หรือแยกออกจาก iframe ใด ๆ ที่มีโดยอัตโนมัติ ยกเว้นปัญหาเล็ก ๆ อย่างหนึ่ง ในฐานะที่เป็นมันจะเปิดออกรหัสกรอบ busting ของคุณสามารถจับ , ตามที่แสดงไว้ที่นี่ : <script type="text/javascript"> var prevent_bust = 0 window.onbeforeunload = …

26
การเอาชนะ“ แสดงผลต้องห้ามโดย X-Frame-Options”
ฉันกำลังเขียนเว็บเพจเล็ก ๆ ที่มีวัตถุประสงค์เพื่อวางกรอบหน้าอื่น ๆ เพียงไม่กี่หน้าเพื่อรวมไว้ในหน้าต่างเบราว์เซอร์เดียวเพื่อให้ดูง่ายขึ้น หน้าไม่กี่หน้าที่ฉันพยายามจะใส่เฟรมให้ถูกกรอบและโยน "ปฏิเสธที่จะแสดงเอกสารเพราะห้ามแสดงผลโดย X-Frame-Options" ข้อผิดพลาดใน Chrome ฉันเข้าใจว่านี่เป็นข้อ จำกัด ด้านความปลอดภัย (สำหรับเหตุผลที่ดี) และไม่สามารถเข้าถึงเพื่อเปลี่ยนแปลงได้ มีวิธีการกำหนดกรอบหรือไม่กำหนดกรอบวิธีอื่นในการแสดงหน้าภายในหน้าต่างเดียวที่จะไม่สะดุดโดยส่วนหัว X-Frame-Options หรือไม่?


13
เปลี่ยนเส้นทางหน้าต่างหลักจากการกระทำ iframe
ฉันต้องใช้ JavaScript ใดในการเปลี่ยนเส้นทางหน้าต่างหลักจาก iframe ฉันต้องการให้พวกเขาคลิกไฮเปอร์ลิงก์ซึ่งใช้ JavaScript หรือวิธีอื่นใดจะเปลี่ยนเส้นทางหน้าต่างหลักไปยัง URL ใหม่
312 javascript  iframe  dhtml 

29
ปรับความกว้างและความสูงของ iframe ให้พอดีกับเนื้อหาในนั้น
ผมต้องแก้ปัญหาสำหรับรถยนต์ปรับwidthและheightของiframeที่จะแทบจะไม่พอดีกับเนื้อหา ประเด็นก็คือสามารถเปลี่ยนความกว้างและความสูงได้หลังจากที่iframeโหลดแล้ว ฉันเดาว่าฉันต้องการกิจกรรมเพื่อจัดการกับการเปลี่ยนแปลงขนาดของร่างกายที่มีอยู่ใน iframe

4
การดีบัก iframe ด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
ฉันต้องการใช้คอนโซลนักพัฒนาซอฟต์แวร์ Chrome เพื่อดูตัวแปรและองค์ประกอบ DOM ในแอปของฉัน แต่มีแอปอยู่ภายในiframe(เนื่องจากเป็นแอป OpenSocial) ดังนั้นสถานการณ์คือ: <containing site> <iframe id='foo' src='different domain'> ... my app ... </iframe> </containing site> มีวิธีใดบ้างในการเข้าถึงสิ่งต่าง ๆ ที่เกิดขึ้นiframeจากคอนโซลผู้พัฒนาระบบ หากฉันพยายามที่จะทำdocument.getElementById("foo").somethingมันไม่ทำงานอาจเป็นเพราะiframeอยู่ในโดเมนที่แตกต่างกัน ฉันไม่สามารถเปิดiframeเนื้อหาในแท็บใหม่ได้เนื่องจากiframeความต้องการที่จะสามารถพูดคุยกับไซต์ที่มีเช่นกัน

11
iframes ถูกพิจารณาว่าเป็น 'การปฏิบัติที่ไม่เหมาะสม' หรือไม่? [ปิด]
ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ที่ไหนสักแห่งตามแนวที่ฉันรับความคิดที่ใช้ iframes คือ 'การปฏิบัติที่ไม่ดี' มันเป็นเรื่องจริงเหรอ? ข้อดี / ข้อเสียของการใช้งานคืออะไร?
287 html  iframe  standards 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.