對于Iframe框架如何指定頁面位置嵌套的案例代碼分享
發(fā)表時間:2023-12-30 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]插入嵌入頁的關(guān)鍵代碼是<iframe align=middle marginwidth=0 marginheight=0 src="http://www.hao123.com" frameborder=0 width=660 height="800" ...
插入嵌入頁的關(guān)鍵代碼是
<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 >的作用相當于在網(wǎng)頁的指定位置開了一個窗口,窗口的寬度就是“width"的值,窗口的高度就是“height"的值,一般情況下應(yīng)與所在單元格的大小一致。標簽< Iframe >還有一些可用的參數(shù)設(shè)置如下:
marginwidth:網(wǎng)頁中內(nèi)容在表格右側(cè)的預(yù)留寬度;例如:marginwidth="20",單位是pix,下同。
marginheight:網(wǎng)頁中內(nèi)容在表格頂部預(yù)留的高度;
hspace:網(wǎng)頁右上角的的橫坐標;
vspace:網(wǎng)頁右上角的縱坐標;
frameborder:是否顯示邊緣,填“1"表示“是”,填“0"表示“否”,默認值是“1";
scrolling:是否出現(xiàn)滾動條,填“1"表示“是”,填“0"表示“否”,默認值是“1";
這個 vspace=-200就是關(guān)鍵的屬性啦,
用iframe調(diào)用網(wǎng)頁的指定部分2010-10-25 22:38
目前尚未找到按坐標來控制的辦法,只有采用按頂、左、右邊跑的方法來控制,因此要制作一個文件來完全調(diào)用目標網(wǎng)頁內(nèi)容,然后再在需要調(diào)用指定內(nèi)容的地方使用iframe代碼調(diào)用。
首先建立一個完全調(diào)用目標網(wǎng)頁的文件,命名為files.html,代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>
<body>
<iframe src="目標網(wǎng)址" width="980" height="700" frameborder="0" scrolling="no" style="position: absolute; top: -120px; left: -680px;"></iframe>
</body>
</html>
這個頁面用iframe框架引用了目標頁面,并且用CSS定位設(shè)定了框架浮動位置(top: -120px; left: -680px)。當然也可以按右邊距控制,如right:680px,距離大小可以根據(jù)情況調(diào)整,直到調(diào)整到合適的位置。
然后在需要調(diào)用目標內(nèi)容的文件中合適的位置放入以下代碼:
<iframe src="files.html" width="300" height="230" frameborder="0" scrolling="no"></iframe>
高寬可以根據(jù)情況調(diào)整,為了使調(diào)用的內(nèi)容正常、正確顯示的我們設(shè)定的位置,大家可以修改files.html里的邊距控制量以達到最佳效果
以上就是關(guān)于Iframe框架如何指定網(wǎng)頁位置嵌套的實例代碼分享的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。