最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

iframe自適應寬度、高度 ie6 7 8,firefox 3.86下測試通過

 更新時間:2010年07月29日 12:57:04   作者:  
近期需要一個iframe自適應高度的東西,在網(wǎng)上找了很多,都不能用……一看大體的日期都是大概 2008年前后的其他近期的基本都是以前的轉(zhuǎn)載,所以只好自己動手了。
廢話不多說,貼上代碼,也算是自己的一個代碼存儲。
復制代碼 代碼如下:

var temp_iframe
var content = document.getElementById('right'); //id為 right的DOM容器中,進行創(chuàng)建iframe和寬高自適應
var c = 0;
function append(filename)
{
var the_iframe = "helpfile" + c;
temp_iframe = document.createElement("iframe");
temp_iframe.src = filename;
temp_iframe.scrolling = "no";
temp_iframe.setAttribute("frameborder", "0");
temp_iframe.id = the_iframe;
temp_iframe.name = the_iframe;
scroll(0, 0);
content.innerHTML = "";
content.appendChild(temp_iframe);
if (document.all)
{
temp_iframe.attachEvent('onload', function()
{
temp_iframe.setAttribute("width", window.frames[the_iframe].document.body.scrollWidth); //自適應寬
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight); //自適應高
});
}
else
{
temp_iframe.addEventListener('load', function()
{
temp_iframe.setAttribute("width", window.frames[the_iframe].document.body.scrollWidth);
temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight);
}, false);
}
c++;
return false;
}
/*調(diào)用方法
把此腳本另存為腳本文件:iframe.js,然后再前臺頁面中調(diào)用:
------------------------------------------------------------------------
<a href="index.html" onclick="return append('xxxx.html')" class="li1">
<div id="right"></div>
<script type="text/javascript" src="iframe.js"></script>
------------------------------------------------------------------------
或者 去掉腳本中最后的 return false,前臺:
------------------------------------------------------------------------
<a href="javascript:append('favorite/Favorites.html')" class="li1">
<div id="right"></div>
<script type="text/javascript" src="iframe.js"></script>
------------------------------------------------------------------------
*/

嘿嘿,其中,最后設(shè)置自適應寬高的,其實可以提出來成為一個函數(shù)來調(diào)用。
這個我沒去那么做,有看到文章的朋友,可自行封裝。

其中,還有一些不太方便的,比如我每次建立的iframe必須不同的名字和id,即時刪除原來已經(jīng)創(chuàng)建的也不行……
還是希望大家多多指教吧。

相關(guān)文章

  • JavaScript事件類型中UI事件詳解

    JavaScript事件類型中UI事件詳解

    這篇文章主要介紹了JavaScript事件類型中UI事件詳解的相關(guān)資料,需要的朋友可以參考下
    2016-01-01
  • 基于JS抓取某高校附近共享單車位置 使用web方式展示位置變化代碼實例

    基于JS抓取某高校附近共享單車位置 使用web方式展示位置變化代碼實例

    這篇文章主要介紹了基于JS抓取某高校附近共享單車位置 使用web方式展示位置變化代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-08-08
  • JS點擊某個圖標或按鈕彈出文件選擇框的實現(xiàn)代碼

    JS點擊某個圖標或按鈕彈出文件選擇框的實現(xiàn)代碼

    本文給大家介紹js點擊點擊某個圖標或按鈕彈出文件選擇框的實現(xiàn)代碼,代碼簡單易懂,非常不錯,感興趣的朋友可以參考下
    2016-09-09
  • uniapp實現(xiàn)注冊發(fā)送獲取驗證碼功能

    uniapp實現(xiàn)注冊發(fā)送獲取驗證碼功能

    隨著網(wǎng)絡(luò)的發(fā)達,總會有人惡意注冊網(wǎng)站,而使用輸入驗證碼功能可以有效的阻止這一類現(xiàn)象的發(fā)生,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)注冊發(fā)送獲取驗證碼功能的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • 一文讓你徹底搞清楚javascript中的require、import與export

    一文讓你徹底搞清楚javascript中的require、import與export

    這篇文章主要給大家介紹了關(guān)于javascript中require、import與export的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對打擊大的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
    2017-09-09
  • JS中的事件委托實例淺析

    JS中的事件委托實例淺析

    這篇文章主要介紹了JS中的事件委托,結(jié)合實例形式簡單分析了javascript事件委托的概念、功能、使用方法及相關(guān)注意事項,需要的朋友可以參考下
    2018-03-03
  • JavaScript實現(xiàn)自定義拖拽排序列表

    JavaScript實現(xiàn)自定義拖拽排序列表

    在Web開發(fā)中,拖拽排序是一個常見的需求,它允許用戶通過拖拽的方式重新排列列表項的順序,本文將介紹如何使用原生JavaScript實現(xiàn)這一功能,需要的可以了解下
    2024-01-01
  • JS去掉字符串中所有的逗號

    JS去掉字符串中所有的逗號

    這篇文章主要介紹了JS去掉字符串中所有的逗號,需要的朋友可以參考下
    2017-10-10
  • 微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼

    微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)軌跡回放的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • javaScript如何生成xmlhttp

    javaScript如何生成xmlhttp

    生成xmlhttp的方法有很多,在本文為大家介紹下javaScript中是如何實現(xiàn)的
    2013-12-12

最新評論

奇台县| 祁连县| 阳新县| 乌兰浩特市| 陆河县| 丹寨县| 沙雅县| 平南县| 宁安市| 宾阳县| 梅州市| 玉龙| 高州市| 姚安县| 昔阳县| 贵南县| 黔西县| 小金县| 汕头市| 深水埗区| 马边| 靖安县| 无为县| 射阳县| 会昌县| 东海县| 遵化市| 平远县| 额尔古纳市| 金平| 习水县| 绩溪县| 河曲县| 格尔木市| 大城县| 略阳县| 宜都市| 运城市| 阳信县| 泾源县| 丰镇市|