FANDOM


iFrame (英文:iframe)是其中一個HTML語法,主要功用是在網頁中製作一個框格並插入另一個網頁(包括該頁面的CSS, JS, 格式)。由於在Fandom並不直接支援此功能,以下將會教導如何在Fandom中使用相關功能:

如何在Fandom內用上iFrame?

從前是可以利用Verbatim來使用任何Wikia不支援的HTML語法; 自維基宣佈停用Verbatim後,iFrame也接著不再使用Verbatim實行相關設定,取而代之的是以下其他方法。

使用JavaScript1

利用以下簡單JS代碼來完成插入iFrame語法的功能,首先需要到Mediawiki:Common.js寫入以下代碼:

$("#iframeClass").replaceWith('<iframe src="http://網頁連結" 參數></iframe>');

然後在要插入iFrame框架的頁面上寫入以下代碼:

<span id="iframeClass">正在執行Javascript的內容</span>
  • 以上iframeClass、網頁連結、參數為自定義

使用JavaScript2

在需要的頁面上寫下以下代碼:

<div id="iframeID">讀取中...</div>

在JavaScript代碼中加入以下代碼:

$(function() { 
    var swf = document.createElement('iframe');
        swf.setAttribute('width', '150');
        swf.setAttribute('height', '344');
        swf.setAttribute('scrolling', 'no');
        swf.setAttribute('frameborder', '0');
        swf.setAttribute('參數標籤', '參數值');
        swf.setAttribute('src', 'http://www.網頁連結.com');
 
    document.getElementById('iframeID').appendChild(swf);
});

參數設定

屬性 描述
align left
right
top
middle
bottom
不贊成使用。請使用樣式代替。
規定如何根據周圍的元素來對齊此框架。
frameborder 1
0
規定是否顯示框架周圍的邊框。
height pixels
%
規定 iframe 的高度。
longdesc URL 規定一個頁面,該頁面包含了有關 iframe 的較長描述。
marginheight pixels 定義 iframe 的頂部和底部的邊距。
marginwidth pixels 定義 iframe 的左側和右側的邊距。
name frame_name 規定 iframe 的名稱。
sandbox "" allow-forms
allow-same-origin
allow-scripts
allow-top-navigation

啟用一系列對 <iframe> 中內容的額外限制。

scrolling yes
no
auto
規定是否在 iframe 中顯示滾動條。
seamless seamless 規定 <iframe> 看上去像是包含文檔的一部分。
src URL 規定在 iframe 中顯示的文檔的 URL。
srcdoc HTML_code 規定在 <iframe> 中顯示的頁面的 HTML 內容。
width pixels
%
定義 iframe 的寬度。

相關頁面

除了特别提示,社区内容遵循CC-BY-SA 授权许可。