天天看點

html裡面怎麼引别的頁面_如何在HTML中引入外部頁面

首先,最容易想到的應該是使用iframe,雖然html5廢除了frame,但是依舊保留了iframe,我們仍可以繼續使用,iframe有一個frameboder屬性,設定屬性值為0或者為no,去除iframe的邊框。然後将scrolling設為no。這是完全可行的,不過記得要在伺服器環境下運作。

varframe=document.getElementsByTageName("iframe")[0];

frame.contentWindow.document.XXX方法,

如frame.contentWindow.document.querySelector("#btn");//擷取iframe中Id為btn的節點.123

因為此前沒有使用iframe來引入頭部的經驗,考慮到頭部通常除了跳轉之外,另一個作用應該是定位,在頁面較長時,通過點選,準确定位到某處。頁面的跳轉,使用iframe引入并無影響,那麼錨點呢?這個需要試一試才知道。

在此,再補充一點關于錨點的知識:

錨點可以跳轉到目前頁面的相應位置,還可以跳轉到其它頁面的相應位置。

實作錨點有兩種方式,一種是a标簽+name屬性,還有一種是使用标簽的Id屬性。

具體如下:

a.使用a标簽+name屬性的方式

詳情

12

點選”詳情”,跳轉到的位置.

b.使用标簽的id屬性

詳情

12