資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法學HTML DOM embed 物件
HTML DOM embed 物件與 HTML <embed> 元素相關聯。<embed> 元素可用於嵌入各種外部應用程式，如音訊、影片等。
特性
以下為 HTML DOM embed物件的特性：
| 特性 | 說明 |
|---|---|
| 高度 | 設定或返回嵌入元素高度屬性值。 |
| 源 | 設定或返回嵌入元素中 src 屬性值。 |
| 型別 | 設定或返回嵌入元素中 type 屬性值。 |
| 寬度 | 設定或返回嵌入元素中 width 屬性值。 |
語法
語法如下：
建立嵌入物件：
var e = document.createElement("EMBED");示例
我們來看一個 embed 物件的示例：
<!DOCTYPE html>
<html>
<body>
<p>Embed a pdf into this page by clicking the below button</p>
<button onclick="embedObj()">Embed pdf</button>
<br><br>
<script>
function embedObj() {
var e = document.createElement("EMBED");
e.setAttribute("src", "Text-converted.pdf");
e.width="400px";
e.height="200px";
e.style.border="2px solid blue";
document.body.appendChild(e);
}
</script>
</body>
</html>輸出
將產生以下輸出：
點選建立按鈕：
在以上示例中：
我們首先建立了按鈕“嵌入 pdf”，當用戶點選時，它將執行 embedObj() 函式：
<button onclick="embedObj()">Embed pdf</button>
embedObj 函式使用文件正文的 createElement() 方法建立了一個 <embed> 元素，並將其賦值給變數 e。然後，我們設定 <embed> 元素高度、寬度、src 和邊框屬性。最後，使用 appendChild() 方法將 <embed> 元素追加為文件正文子物件：
function embedObj() {
var e = document.createElement("EMBED");
e.setAttribute("src", "Text-converted.pdf");
e.width="400px";
e.height="200px";
e.style.border="2px solid blue";
document.body.appendChild(e);
}
更新於： 08-Aug-2019
243 次瀏覽
廣告