iframe的使用

話不多說,先上效果圖~


效果圖

上級(jí)交代任務(wù),說在頁(yè)面里用上iframe來鏈接其他頁(yè)面。那么初次聽說這個(gè)名詞的時(shí)候第一件事肯定是去百度這是個(gè)啥?度娘是這么說的?


image.png

額,你看懂了么?反正我沒看懂,說的太專業(yè)了。
四處轉(zhuǎn)轉(zhuǎn),看看大牛們的解釋之后我認(rèn)為

通俗的說:是一個(gè)類似于網(wǎng)頁(yè)上小廣告的那個(gè)彈窗。也就是可以實(shí)現(xiàn)在本頁(yè)面上顯示其他頁(yè)面內(nèi)容的功能。
那么!該怎么使用呢?
接著往下看
首先!在你需要加上iframe功能的頁(yè)面加上一句話


<iframe src="https://www.baidu.com" height="400" width="700" name="demo" frameborder="0" scrolling="auto" sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"  ></iframe>


是的沒錯(cuò),就這樣結(jié)束了。
劃重點(diǎn):
1.sandbox="allow-same-origin allow-top-navigation allow-forms allow-scripts"
這個(gè)參數(shù)是必須要加的,否則出來的界面是空白一片。
2.如果想要無邊框的,清新自然的感覺,那么加上frameborder="0"

iframe的屬性介紹:


iframe屬性
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.從本篇文章中,我學(xué)到的最重要的概念 I learned that you had to make sacrif...
    Aoede閱讀 1,408評(píng)論 1 1
  • 給定一個(gè) m x n 的矩陣,如果一個(gè)元素為 0,則將其所在行和列的所有元素都設(shè)為 0。請(qǐng)使用原地算法。 示例 1...
    vbuer閱讀 385評(píng)論 0 0
  • 標(biāo)題適用于早上五號(hào)線的擁擠度,也適用于工作的忙碌度。 還以為今天會(huì)忙起來,結(jié)果他們還在測(cè)系統(tǒng),今天一個(gè)都沒有,生生...
    小王子的前世今生閱讀 155評(píng)論 0 0
  • 灰白色的迷霧包圍了漆黑的夜 隨著氣體的不斷上升 為什么鄰家的燈忽閃 讓我看到了最黑的那一面 界定在睜開眼和閉上眼之...
    許你一世諾言閱讀 262評(píng)論 0 0

友情鏈接更多精彩內(nèi)容