關於Iframe框架如何指定網頁位置嵌套的實例程式碼分享

黄舟
發布: 2017-07-24 09:21:01
原創
4143 人瀏覽過

插入嵌入頁的關鍵程式碼是

<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:網頁右上角的縱座標; 
  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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板