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

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


9
วิธีการเข้าถึงหน้าหลัก iFrame โดยใช้ jquery?
ฉันมี iframe และเพื่อเข้าถึงองค์ประกอบหลักฉันใช้รหัสต่อไปนี้: window.parent.document.getElementById('parentPrice').innerHTML วิธีรับผลลัพธ์เดียวกันโดยใช้ jquery ปรับปรุง : หรือวิธีการเข้าถึงหน้าหลัก iFrame โดยใช้ jquery?



26
ทำให้ Iframe ให้พอดีกับความสูงที่เหลืออยู่ของคอนเทนเนอร์ 100%
ฉันต้องการออกแบบเว็บเพจที่มีแบนเนอร์และ iframe ฉันหวังว่า iframe สามารถเติมเต็มความสูงของหน้าที่เหลือทั้งหมดและปรับขนาดโดยอัตโนมัติเมื่อเบราว์เซอร์กำลังปรับขนาด เป็นไปได้ไหมที่จะทำได้โดยไม่ต้องเขียนโค้ด Javascript ด้วย CSS เท่านั้น? ฉันลองตั้งค่าheight:100%iframe ผลลัพธ์ค่อนข้างใกล้ แต่ iframe พยายามเติมเต็มความสูงของหน้ารวมถึง30pxความสูงขององค์ประกอบ div banner ดังนั้นฉันจึงมี scrollbar แนวตั้งที่ไม่จำเป็น มันไม่สมบูรณ์แบบ หมายเหตุการอัปเดต : ขอโทษด้วยที่ฉันไม่อธิบายคำถามฉันลองใช้ CSS margin, padding attribute บน DIV เพื่อครอบครองส่วนที่เหลือทั้งหมดของหน้าเว็บให้ประสบความสำเร็จ แต่เคล็ดลับใช้ไม่ได้กับ iframe <body> <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div> <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe> </body> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ความคิดใด ๆ ที่ชื่นชม
260 html  css  iframe 


21
วิธีที่ดีที่สุดในการโหลด / รีเฟรช iframe คืออะไร
ฉันต้องการโหลด<iframe>JavaScript อีกครั้งโดยใช้ วิธีที่ดีที่สุดที่ฉันพบจนถึงตอนนี้ได้กำหนดsrcคุณลักษณะของ iframe ให้เป็นของตัวเอง แต่นี่ไม่ได้สะอาดมาก ความคิดใด ๆ
242 javascript  iframe 

17
iframe แบบเต็มหน้าจอที่มีความสูง 100%
iframe height = 100% รองรับในทุกเบราว์เซอร์หรือไม่? ฉันใช้ doctype เป็น: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ในรหัส iframe ของฉันถ้าฉันพูดว่า: <iframe src="xyz.pdf" width="100%" height="100%" /> ฉันหมายถึงจะใช้ความสูงของหน้าที่เหลืออยู่ (เนื่องจากมีอีกเฟรมหนึ่งที่ด้านบนมีความสูงคงที่ที่ 50px) นี่รองรับเบราว์เซอร์หลักทั้งหมด (IE / Firefox / Safari) หรือไม่ นอกจากนี้เกี่ยวกับแถบเลื่อนแม้ว่าฉันจะบอกว่าscrolling="no"ฉันเห็นแถบเลื่อนปิดการใช้งานใน Firefox ... ฉันจะซ่อนแถบเลื่อนและตั้งค่าความสูงของ iframe โดยอัตโนมัติได้อย่างไร

10
วิธีการจัด iframe ในแนวนอนเป็นศูนย์?
พิจารณาตัวอย่างต่อไปนี้: ( การสาธิตสด ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } ผลลัพธ์: ทำไมการiframeจัดแนวกลางจึงไม่เหมือนdiv? ฉันจะจัดตำแหน่งจากส่วนกลางได้อย่างไร?

14
วิธีฝังวิดีโอ YouTube ที่เล่นอัตโนมัติใน iframe ได้อย่างไร
ฉันกำลังพยายามฝังวิดีโอ iframe เวอร์ชั่นใหม่ของ YouTube และนำไปเล่นอัตโนมัติ เท่าที่ฉันสามารถบอกได้ไม่มีวิธีการทำเช่นนี้โดยการแก้ไขธงไปยัง URL มีวิธีการใช้ JavaScript & API หรือไม่

6
วิธีตั้งค่าแอตทริบิวต์ iframe src จากตัวแปรใน AngularJS
ฉันกำลังพยายามตั้งค่าsrcคุณลักษณะของ iframe จากตัวแปรและไม่สามารถใช้งานได้ ... มาร์กอัป: <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> ควบคุม / app.js: function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : …

8
ไม่สามารถโหลดทรัพยากร: net :: ERR_INSECURE_RESPONSE
มีวิธีการหลอกลวงเซิร์ฟเวอร์ดังนั้นฉันไม่ได้รับข้อผิดพลาดนี้: เนื้อหาถูกบล็อกเนื่องจากไม่ได้ลงนามโดยใบรับรองความปลอดภัยที่ถูกต้อง ฉันดึง iframe ของเว็บไซต์ html ไปยังอีกเว็บไซต์หนึ่ง แต่ฉันยังคงได้รับข้อผิดพลาดของคอนโซล (chrome) ในชื่อของคำถามนี้และใน internet explorer ก็กล่าวว่า: เนื้อหาถูกบล็อกเนื่องจากไม่ได้ลงนามโดยใบรับรองความปลอดภัยที่ถูกต้อง

20
ทำให้ iframe height เป็นไดนามิกตามเนื้อหาภายใน JQUERY / Javascript
Наэтотвопросестьответына กองมากเกินнарусском : Какрастянуть iframe навысотувсегоегосодержимого? ฉันกำลังโหลดเว็บเพจ aspx ใน iframe เนื้อหาใน Iframe สามารถมีความสูงได้มากกว่าความสูงของ iframe iframe ไม่ควรมีแถบเลื่อน ฉันมีdivแท็กwrapper ภายใน iframe ซึ่งโดยทั่วไปคือเนื้อหาทั้งหมด ฉันเขียน jQuery เพื่อให้การปรับขนาดเกิดขึ้น: $("#TB_window", window.parent.document).height($("body").height() + 50); ที่ไหน TB_windowdiv ในที่ที่Iframeมีอยู่ body - แท็กเนื้อความของ aspx ใน iframe สคริปต์นี้แนบมากับเนื้อหา iframe ฉันได้รับTB_windowองค์ประกอบจากหน้าหลัก ขณะนี้ใช้งานได้ดีบน Chrome แต่ TB_window ยุบใน Firefox ฉันสับสน / หลงทางในสิ่งที่เกิดขึ้น

10
ทางเลือกแทน iFrames ด้วย HTML5
ฉันต้องการทราบว่ามีทางเลือกอื่นสำหรับ iFrames ด้วย HTML5 หรือไม่ ฉันหมายความว่าสามารถฉีด HTML ข้ามโดเมนในหน้าเว็บได้โดยไม่ต้องใช้ iFrame
197 html  iframe 

16
เข้าถึง URL หลักจาก iframe
โอเคฉันมีหน้าและบนหน้านี้ฉันมี iframe สิ่งที่ฉันต้องทำคือในหน้า iframe ดูว่า URL ของหน้าหลักคืออะไร ฉันค้นหารอบ ๆ และรู้ว่านี่เป็นไปไม่ได้หากหน้า iframe ของฉันอยู่ในโดเมนอื่นเนื่องจากเป็นสคริปต์ข้ามไซต์ แต่ทุกที่ที่ฉันอ่านบอกว่าถ้าหน้า iframe อยู่ในโดเมนเดียวกับหน้าหลักมันควรจะทำงานได้ถ้าฉันทำเช่น: parent.document.location parent.window.document.location parent.window.location parent.document.location.href ... หรือคอมโบที่คล้ายกันอื่น ๆ เนื่องจากมีหลายวิธีในการรับข้อมูลเดียวกัน ยังไงก็ตามนี่คือปัญหา iframe ของฉันอยู่ในโดเมนเดียวกับหน้าหลัก แต่ไม่ได้อยู่ในโดเมน SUB เดียวกัน เช่นฉันมี http: // www.mysite.com/pageA.html และ URL iframe ของฉันคือ http: // qa-www.mysite.com/pageB.html เมื่อฉันพยายามที่จะคว้า URL จากpageB.html(หน้า iframe) ฉันได้รับข้อผิดพลาดการปฏิเสธการเข้าถึงเดียวกัน ดังนั้นจึงปรากฏว่าแม้กระทั่งโดเมนย่อยก็ถือว่าการเขียนสคริปต์ข้ามไซต์นั้นถูกต้องหรือฉันทำอะไรผิดหรือเปล่า?

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