iframe用法

来源:http://www.cnblogs.com/gvip-cyl/archive/2017/01/06/6257594.html
-Advertisement-
Play Games

<iframe src="http://caiyanli.top/" height="500" width="500" frameborder="0" marginheight="2" marginwidth="0" scrolling="yes"></iframe> 註:iframe h5 新增標 ...


<iframe src="http://caiyanli.top/" height="500"  width="500" frameborder="0"

 marginheight="2" marginwidth="0" scrolling="yes"></iframe>

註:iframe h5 新增標簽,元素會創建包含另外一個文檔的內聯框架(即行內框架)。

您可以把需要的文本放置在 <iframe> </iframe> 之間,這樣就可以應對無法理解 iframe 的瀏覽器。

iframe屬性和值和作用

 

屬性

作用

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 的寬度。

 

代碼:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的網頁</title>
</head>
<body bgcolor="#ff9900">
<h1>我的網頁</h1>
<hr>
<iframe src="http://caiyanli.top/" height="500" frameborder="0" marginheight="2" marginwidth="0" scrolling="yes">看不到我</iframe>
</body>
</html>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 六、新建webpack配置文件 webpack.config.js 文件整體框架內容如下,後續會詳細說明每個配置項的配置 webpack.config.js直接放在項目demo目錄下 七、新建app文件夾,存放html+css+js index.html css/index.css js/index ...
  • 嗯,瀏覽器一般會設置,預設樣式,對於,我們來說,這樣很不方便,所以就有了樣式重置。 接下來我推薦兩個樣式重置的 小東西 resert 我這裡附上當前最新的版本,如有需要可以直接去,resert.com,下載 normalize.com 我推薦使用這個,因為還保留了某些標簽的特性,比如h1,h2,h3 ...
  • 誤區一.多div症 上述使用多餘的div標簽“多div症”,應簡化成下 誤區二.多類class症 註意點class可以應用於頁面任意多個元素,非常適合標識內容類型或其他相似的條目 一段新聞(新聞標題、新聞詳情內容)類news-head與news-text 多類症表現,不需要這麼多的類區分元素樣式 最 ...
  • 1.什麼是ajax? Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的縮寫。 2.ajax需要什麼基礎? HTML 用於建立 Web 表單並確定應用程式其他部分使用的欄位。 JavaScript 代碼是運行 Ajax 應用程式的核心代碼,幫助改進 ...
  • 寫在前面:以下是個人總結的關於js常見的入門級的問題一些總結。 js是有 ECMAScript Dom Bom 三部分組成。 1,undefined,NaN,Null,infinity 1) undefined 是undefined 類型 var a; //聲明變數後不賦值 typeof 類型判斷方 ...
  • #HTML 什麼是HTML,和他ML... 網頁可以比作一個裝修好了的,可以娶媳婦的房子. 房子分為:毛坯房,精裝修 毛坯房的修建: 磚,瓦,水泥,石頭,石子.... 精裝修的房子:在毛坯房的基礎上進行粉刷,覆蓋,雕琢,修飾等操作.... HTML標簽 相當於蓋毛坯房用的石子,磚瓦....:房子成功 ...
  • 為了減少概念混淆,應該把 =稱作(得到或者賦值),==稱作(相等), 稱作(嚴格相等) 相同點: 它們兩個運算符都允許任意類型的的操作數,如果操作數相等,返回true,否則返回false 不同: ==:運算符稱作相等,用來檢測兩個操作數是否相等,這裡的相等定義的非常寬鬆,可以允許進行類型轉換 :用來 ...
  • 寫在前面 都知道,當我們讀取一個對象的屬性或方法的時候,會優先在這個對象上面找,如果在這個對象上找不到就會遍歷他的原型,還沒找到? >原型的原型,又沒找到?-->繼續往上。。。 這便是原型鏈的功用。下麵,我探討了一下原型鏈的使用與擴展,依靠原型鏈實現繼承。 至於什麼是繼承? 我的理解是,一個對象可以 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...