＜iframe＞

<iframe>

<iframe frameborder="0" id="ifrm" scrolling="auto" src="https://ciferquery.singlewindow.cn/?name=HG" style="height:1000px;width:1200px"></iframe>

1. <iframe> ... </iframe>

   • 这是核心标签。就像我们用 <p> 表示一个段落，<img> 表示一张图片一样，<iframe> 表示在网页中嵌入另一个独立的文档或网页。想象一下，就像在你家的墙上挂了一个小电视屏幕，这个屏幕里播放的是另一个地方的节目。

2. src="https://ciferquery.singlewindow.cn/?name=HG"

   • 这是 <iframe> 最重要的属性！它告诉浏览器："请去这个网址（https://ciferquery.singlewindow.cn/?name=HG）加载内容，然后把它显示在这个框里。"
   • 这个网址指向一个特定的查询页面（看起来像是中国国际贸易"单一窗口"的一个查询页面），并且传递了一个参数 name=HG，可能代表要查询的某种编码（比如海关编码）。

3. style="height:1000px;width:1200px"

   • 这个属性定义了 <iframe> 画框的大小。
   • height:1000px; 意思是这个框的高度是 1000 像素（屏幕上的小点）。想象一下，把尺子竖着量，量 1000 个点那么高。
   • width:1200px; 意思是这个框的宽度是 1200 像素。想象尺子横着量 1200 个点。
   • 这个框真的很大！在实际网页中，我们通常会根据页面布局设置更合适的尺寸，比如 500px 高 800px 宽。

4. frameborder="0"

   • 这个属性控制是否显示这个"画框"本身的边框。
   • "0" 表示 不显示边框。这样嵌入的内容看起来会更自然地融合到当前页面中。
   • "1" 则表示显示边框（现在比较少用了，通常用 CSS 样式控制边框）。

5. scrolling="auto"

   • 这个属性控制如果嵌入的内容太大，超出了我们定义的画框大小（1000px x 1200px），该怎么办。
   • "auto" 表示 自动 ：如果内容太大，浏览器会自动在框的右边或下边添加滚动条，让你可以滚动查看隐藏的部分。
   • 其他选项：
     • "yes"：总是显示滚动条（即使内容没超框也显示）。
     • "no"：永不显示滚动条（如果内容超框，超出的部分你就看不到了）。

6. id="ifrm"

   • 这是给这个特定的 <iframe> 画框起的一个名字 （叫 ifrm）。
   • 有什么用呢？
     • 方便程序员用 JavaScript（网页的"魔法语言"）找到并控制这个框（比如改变大小、刷新内容等）。
     • 方便用 CSS（网页的"美容师"）给它添加独特的样式（比如再加个阴影边框）。

总结一下这个 <iframe> 的作用：

它会在我们当前的网页中，创建一个宽 1200 像素、高 1000 像素的无边框区域 。然后，浏览器会自动去访问 https://ciferquery.singlewindow.cn/?name=HG 这个网址 ，把那个查询页面的内容完整地加载并显示 在这个区域里面。如果那个页面的内容超过了框的大小，滚动条会自动出现让你查看所有内容。

为什么我们要用 <iframe>？

• 在网页里嵌入地图（如百度地图、谷歌地图）。
• 在网页里嵌入视频（如优酷、腾讯视频、YouTube）。
• 在网页里嵌入第三方服务或应用（比如在线支付、聊天窗口、就像例子里的查询页面）。
• 把一个复杂的页面分成几个独立的部分来管理。

需要注意的点：

• 尺寸很重要： 例子中的尺寸（1200px x 1000px）非常大，实际使用时需要根据网页布局调整。
• 内容来源： 框里的内容完全来自 src 指定的网址（https://ciferquery.singlewindow.cn）。我们自己的网页只是提供了一个显示它的容器。
• 安全与隐私： 网页（父页面）和 <iframe> 里的内容（子页面）如果来自不同的网站，它们之间不能随意互相访问数据，这是浏览器为了保护用户安全设定的规则（称为"同源策略"）。