HTML中iFrame標(biāo)簽的兩個(gè)用法介紹
最近工作有個(gè)在項(xiàng)目-布兜收藏夾。簡言之就是將喜歡的圖片收藏到布兜頁面上來,這其中用到了很多關(guān)于iframe的方面,總結(jié)如下:
1. 作為彈出層鋪底覆蓋
大家如果做過那種黑色遮罩蓋住整張頁面,而碰巧用戶用的是IE6,更碰巧的是頁面上有select元素,那就有得頭疼了(原理就不在這里贅述了)。我們會發(fā)現(xiàn)彈出的DIV沒法遮住select, 輪到我們的iframe出場了。邏輯如下:
與彈出div同級放入iframe
保證iframe的 z-index小于彈層div z-index
增加window resize和scroll事件, 保證iframe能蓋住整張頁面
部分代碼
- var iframe = U.isie6() ? '<iframe style="position:absolute;left:0;top:0;z-index:2000000;filter:Alpha(opacity=0); width:100%;height:' + ds.height + '" frameborder="0"></iframe>' : '';
- $container.append(iframe).appendTo($body);
2. 跨域?qū)懭隿ookie
有 a.com和b.com兩個(gè)domain。在某些條件下b的部分功能會出現(xiàn)在a頁面上。 有時(shí)需要操作a頁面的時(shí)候?qū).com domain的cookie做一些操作以方便用戶下次訪問。我們只需要在a頁面加入一個(gè)iframe(動態(tài)或固定)即可,src屬性指向b的一張代理頁 面,在這張頁面執(zhí)行cookie操作即可。
上一篇:使用HTML編寫簡單的郵件模版
欄 目:CSS/HTML
本文標(biāo)題:HTML中iFrame標(biāo)簽的兩個(gè)用法介紹
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9717.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡單介紹
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表,外部樣式表中優(yōu)先級最高的
- 04-02vue中的css樣式布局,vue添加css樣式
- 01-10利用iframe在網(wǎng)頁中顯示天氣附效果截圖
- 01-10通過html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10a標(biāo)簽中寫有文字如何隱藏文字顯示圖片兼容360模式渲染
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析


閱讀排行
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動條樣式,css滾動條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05dedecms織夢模板編輯文檔的同時(shí)自動更
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 01-10C++ 類訪問控制的條件總結(jié)
- 01-10vue實(shí)現(xiàn)分頁加載效果
- 01-10C語言打印楊輝三角示例匯總
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05dedecms織夢模板全站調(diào)用收藏?cái)?shù)的方法
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄