對于Iframe框架如何指定頁面位置嵌套的案例代碼分享
發表時間:2024-05-11 來源:明輝站整理相關軟件相關文章人氣:
[摘要]插入嵌入頁的關鍵代碼是<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" ...
插入嵌入頁的關鍵代碼是
<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是被嵌入的頁面文件名,這個頁可不能忘記上傳,標簽< Iframe >的作用相當于在網頁的指定位置開了一個窗口,窗口的寬度就是“width"的值,窗口的高度就是“height"的值,一般情況下應與所在單元格的大小一致。標簽< Iframe >還有一些可用的參數設置如下:
marginwidth:網頁中內容在表格右側的預留寬度;例如:marginwidth="20",單位是pix,下同。
marginheight:網頁中內容在表格頂部預留的高度;
hspace:網頁右上角的的橫坐標;
vspace:網頁右上角的縱坐標;
frameborder:是否顯示邊緣,填“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定位設定了框架浮動位置(top: -120px; left: -680px)。當然也可以按右邊距控制,如right:680px,距離大小可以根據情況調整,直到調整到合適的位置。
然后在需要調用目標內容的文件中合適的位置放入以下代碼:
<iframe src="files.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>
高寬可以根據情況調整,為了使調用的內容正常、正確顯示的我們設定的位置,大家可以修改files.html里的邊距控制量以達到最佳效果
以上就是關于Iframe框架如何指定網頁位置嵌套的實例代碼分享的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。