一 、介紹
1.語法
<iframe src="http://www.yahoo.com">
瀏覽器不支援 iframe
</iframe>
2.屬性
src: 嵌入的網址
height: 高度
width: 寬度
name: 名稱
sandbox: 當有這屬性表示 iframe 內容的網頁啟用一些限制條件，如果有沒設定為無限制，如果設定為只同意可用條件，條件可以用的值有：
allow-forms: 允許提交表單
allow-modals: 允許打開 modal (形式)視窗。
allow-orientation-lock: 允許鎖定螢幕方向，像是智慧型手機畫面的水平或垂直
allow-pointer-lock: 允許使用 Pointer Lock API
allow-popups: 允許彈跳視窗，例如 target="_blank"
allow-popups-to-escape-sandbox: 允許彈跳視窗不繼承 sandbox 的設定
allow-presentation: 允許開啟介紹會話
allow-same-origin: 允許將 iframe 的內容視作相同原件
allow-scripts: 允許 iframe 內容可以執行 JavaScript
allow-top-navigation: 允許 iframe 可以將內容載入到父層視窗，例如 target="_top"
allow-top-navigation-by-user-activation: 指使用者手動去點擊的話允許 iframe 可以將內容載入到父層視窗
二、程式範本
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
</head>
<body>
<table width="100%" border="1">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td><iframe src="https://peg-top-case.000webhostapp.com" width="50%" height="900" align="middle" frameborder="0" scrolling="auto">
瀏覽器不支援 iframe
</iframe></td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
留言列表
程式語法 (11)
