Web前端开发笔记——第二章 HTML语言 第九节 框架标签、脚本标签
目錄
- 一、框架標簽
- （一）顯示目標頁面
- （二）規定大小的框架
- （三）規定邊框的框架
- 二、腳本標簽
- 結語
一、框架標簽
（一）顯示目標頁面
<iframe></iframe>標簽表示框架標簽，使用該標簽可以當前窗口中顯示更多的頁面，其中src屬性代表指向網頁的URL，name屬性表示框架標簽的名稱。簡單的來說，每個HTML文件都是一個框架，且每個框架都是獨立的。
<iframe src="URL" name=""></iframe>例如，在vscode中下列html代碼，設定一個框架來訪問csdn官網：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title> </head><body><iframe src="https://www.csdn.net" name="csdn"></iframe> </body></html>運行結果如下：
不過有些網站是不允許被嵌套在框架里面的，比如百度https://www.baidu.com，就會出現下面這種情況：
也可以通過a標簽使iframe標簽在框架里顯示目標鏈接頁面，其中目標鏈接a標簽的target屬性必須與iframe標簽的name屬性相同，通過點擊訪問在框架中顯示網頁內容如下：
運行結果如下：
當點擊“訪問csdn官網”后，我們定義的框架就顯示出來了csdn的官網：
（二）規定大小的框架
以上例子中的框架顯示大小并不可觀，我們可以通過其它代碼來對顯示頁面的大小及其它進行設置。
通過width=""和height=""屬性即可設置寬度和高度，例如，在vscode中下列html代碼，設置框架高度為500，寬度為1000：
運行結果如下：
（三）規定邊框的框架
一般默認的框架邊框大小為0，即沒有定義frameborder屬性時?？梢酝ㄟ^frameborder="1"屬性設置邊框大小，這個屬性在HTML5中已經不支持使用。
例如，在vscode中下列html代碼：
運行結果如下：
二、腳本標簽
<script></script> 標簽用于定義腳本，例如JavaScript，這里不做闡述。該標簽可以通過定義src=""屬性指向外部的腳本文件，雙引號內即外部腳本的URL。<noscript></noscript> 標簽提供當無法使用腳本時的替代內容，即當瀏覽器被禁用腳本時，或該瀏覽器不支持腳本時，替代內容會顯示。
結語
以上就是全部內容，篇幅較長，感謝您的閱讀和支持，若有表述或代碼中有不當之處，望指出！您的指出和建議能給作者帶來很大的動力！！！
總結
以上是生活随笔為你收集整理的Web前端开发笔记——第二章 HTML语言 第九节 框架标签、脚本标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Web前端开发笔记——第二章 HTML语
- 下一篇： Web前端开发笔记——第二章 HTML语