關於Iframe框架如何指定網頁位置嵌套的實例程式碼分享
- 黄舟原創
- 2017-07-24 09:21:014070瀏覽
插入嵌入頁的關鍵程式碼是
<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" scrolling=no vspace=-200 ></iframe>
http://www.hao123.com是被嵌入的頁面檔案名，這個頁可不能忘記上傳，標籤3c5c907d8a31edcc9d362c222253fe89的作用相當於在網頁的指定位置開了一個窗口，窗口的寬度就是「width"的值，窗口的高度就是「height"的值，一般情況下應與所在單元格的大小一致。標籤3c5c907d8a31edcc9d362c222253fe89還有一些可用的參數設定如下：
marginwidth:網頁中內容在表格右側的預留寬度；例如：marginwidth="20"，單位是pix，下同。
marginheight:網頁中內容在表格頂部預留的高度；
hspace:網頁右上角的的橫座標；
vspace:網頁右上角的縱座標；
frameb:是否顯示邊緣，填“1"表示“是”，填“0"表示“否”，預設值是“1"；
scrolling:是否出現捲軸，填“1"表示“是”，填“0"表示“否”，預設值是“1"；
這個 vspace=-200就是關鍵的屬性啦，
用iframe呼叫網頁的指定部分2010-10-25 22:38
目前尚未找到按座標來控制的辦法，只有採用按頂、左、右邊跑的方法來控制，因此要製作一個檔案來完全呼叫目標網頁內容，然後再在需要呼叫指定內容的地方使用iframe程式碼呼叫。
首先建立一個完全呼叫目標網頁的文件，命名為files.html，程式碼如下：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <iframe src="目标网址" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe> </body> </html>
這個頁面用iframe框架引用了目標頁面，並且用CSS定位設定了框架浮動位置(頂: -120px; left: -680px)。當然也可以按右邊距控制，如right:680px，距離大小可以依情況調整，直到調整到適當的位置。
接著在需要呼叫目標內容的檔案中適當的位置放入以下程式碼：
<iframe src="files.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>
高寬可以依照狀況調整，為了使所呼叫的內容正常、正確顯示的我們設定的位置，大家可以修改files.html裡的邊距控制量以達到最佳效果
以上是關於Iframe框架如何指定網頁位置嵌套的實例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！