非零基础自学前端最后一遍一 HTML+CSS 2 HTML常见的元素 2.10 iframe的使用和禁止嵌入原因

短命女 2024-03-26 19:34 42阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  2 HTML常见的元素
         *   *  2.10 iframe的使用和禁止嵌入原因
             *   *  2.10.1 iframe元素

![在这里插入图片描述][3c5b223b5a94430783324a5762da77f5.png_pic_center]

#### 一 HTML+CSS ####

#### 2 HTML常见的元素 ####

##### 2.10 iframe的使用和禁止嵌入原因 #####

###### 2.10.1 iframe元素 ######

*  利用iframe元素可以实现：在一个HTML文档中嵌入其他HTML文档
 *  frameborder属性
    
     *  用于规定是否显示边框
        
         *  1：显示
         *  0：不显示
 *  a元素target的其他值:
    
     *  \_parent：在父窗口中打开URL
     *  \_top：在顶层窗口中打开URL

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      
      <iframe width="800" height="600" src="http://www.taobao.com" frameborder="0"></iframe>
      <iframe width="800" height="600" src="http://www.mi.com" frameborder="0"></iframe>
      <iframe width="800" height="600" src="http://www.baidu.com" frameborder="0"></iframe>
    
    </body>
    </html>

![在这里插入图片描述][b198086c792f4148bf9c06af87ddae78.png_pic_center]

![在这里插入图片描述][b9c9cf4199704f27b96fe61ed141c316.png_pic_center]

有技术可以禁止掉，别人通过iframe来加载自己的网页。

![在这里插入图片描述][1a631c7f3be24bd982a4101905a65c41.png_pic_center]

就是这个。意思是只允许同源才能请求。

[3c5b223b5a94430783324a5762da77f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/68ff502849994459bd8dfcb10eaec5f4.png
[b198086c792f4148bf9c06af87ddae78.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1a04fb60e44945a99bc71655a6b9c5a2.png
[b9c9cf4199704f27b96fe61ed141c316.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/1ecae1b303014015abf5810936beb40d.png
[1a631c7f3be24bd982a4101905a65c41.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/509f9765035f4dacb8e92916a38efbda.png