美文网首页
Iframe美化

Iframe美化

作者: 一双鞋两双 | 来源:发表于2019-03-22 17:05 被阅读0次

html代码

<iframe id="iframepage" width="100%" src="$url" frameborder='no' scrolling="yes" allowtransparency="yes" >

frameborder=yes|no    是否显示框架边框

allowtransparency=yes|no    是否显示滚动条

JS代码

js宽度高度自适应

function changeFrameHeight(){

    var ifm= document.getElementById("iframepage");

    var height =ifm.height=document.documentElement.clientHeight;

    var width = ifm.width=document.documentElement.clientWidth;

}

window.onload = window.onresize=function(){

    changeFrameHeight();

}

// 判断是否是PC端

function IsPC() {

    var userAgentInfo = navigator.userAgent;

    var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"];

    var flag = true;

    for (var v = 0; v < Agents.length; v++) {

        if (userAgentInfo.indexOf(Agents[v]) > 0) {

            flag = false;

            break;

        }

    }

    return flag;

}

判断是否是手机端还是PC端:https://www.cnblogs.com/zhuchenglin/p/7528250.html

相关文章

  • Iframe美化

    html代码 frameborder=yes|no 是否显示框架边框 allowtransparency=yes...

  • HTML常用标签的介绍

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签的笔记整理

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签iframe、a、form、input、tabl

    本文所介绍的标签:iframe、a、form、input、table iframe 标签 嵌套页面 iframe ...

  • H5在ios中使用iframe滚动失效问题

    iframe设置了高度(例如500px)。倘若iframe的内容超出了iframe设定的高度时。iframe内部h...

  • jQuery-iframe加载完成后触发的事件监听

    获取iframe变量 :iframe.contentWindow. variate

  • 网页局部打印功能

    思路: 将打印内容写入到iframe中,通过iframe的window对象print()方法实现iframe打印 ...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • Iframe内嵌框架

    1.