符合W3C网页标准的iframe标签的使用方法

 更新时间:2007年07月19日 00:00:00   作者:  
网站想改版,其中有一种广告的问题,以前每投放一个广告我都要把全站的文章都要更新一遍,这样既不便又不好!把网站以前推荐的一些文章都改成现在推荐的几个了!而且还浪费了我的时间。所以想使用Iframe来实现,但是直接使用iframe又不符合标准,那么该如何使用才能符合W3C的标准呢? 

直接使用"IFRAME"不符合"W3C网页标准" 

用JS来实现iframe 的标准化. 

一、建立一个JS文件,代码如下: 

复制代码 代码如下:

function ifr(url,w,h){document.write('<iframe id="ifr" name="ifr" width="'+w+'" height="'+h+'" border="0" frameborder="0" scrolling="no" src="'+url+'"></iframe>');} 

保存成"ifr.js" 

二、在网页中插入代码 

复制代码 代码如下:

<script type="text/javascript" src="ifr.js"></script>  

三、在需要使用iframe的地方插入代码

复制代码 代码如下:

<script type="text/javascript">ifr('http://www.cwdn.org/','778','120');</script>  

函数ifr()使用说明:ifr('这里写地址','这里写宽度','这里写长度',) 

相关文章

  • 前端导航栏不变切换局部页面的3种方法

    前端导航栏不变切换局部页面的3种方法

    在开发网页的过程中,经常需要实现导航菜单的切换,下面这篇文章主要给大家介绍了关于前端导航栏不变切换局部页面的3种方法,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-12-12
  • bootstrap手风琴制作方法详解

    bootstrap手风琴制作方法详解

    这篇文章主要为大家详细介绍了bootstrap手风琴的制作方法,制作声明式触发手风琴,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • echarts 3D地图为区域自定义颜色的解决方法

    echarts 3D地图为区域自定义颜色的解决方法

    在Echarts中,我们很多时候是需要给自己想要的几个区域的地图进行颜色高亮,这篇文章主要给大家介绍了关于echarts 3D地图为区域自定义颜色的相关资料,需要的朋友可以参考下
    2021-08-08
  • 理解JavaScript中window对象的一些用途

    理解JavaScript中window对象的一些用途

    这篇文章主要介绍了理解JavaScript中的window对象,本文通过实例代码详细介绍Window对象的一些重要用途,需要的朋友可以参考下
    2022-07-07
  • 改变layer confirm弹窗按钮的颜色方法

    改变layer confirm弹窗按钮的颜色方法

    今天小编就为大家分享一篇改变layer confirm弹窗按钮的颜色方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 浅谈Javascript 数组与字典

    浅谈Javascript 数组与字典

    这篇文章主要简单介绍了Javascript数组与字典,需要的朋友可以参考下
    2015-01-01
  • JavaScript设计模式之单体模式全面解析

    JavaScript设计模式之单体模式全面解析

    单体模式可以说是javascript中最基本也是最有用的模式之一,接下来通过本文给大家解析js设计模式之单体模式,非常不错,感兴趣的朋友一起看看吧
    2016-09-09
  • 详解微信UnionID作用

    详解微信UnionID作用

    这篇文章主要介绍了微信UnionID作用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • javascript textarea光标定位方法(兼容IE和FF)

    javascript textarea光标定位方法(兼容IE和FF)

    主要是实现textarea中光标的定位方法,考虑到多浏览器的兼容性,需要的朋友可以参考下。
    2011-03-03
  • JavaScript 获取任一float型小数点后两位的小数

    JavaScript 获取任一float型小数点后两位的小数

    这篇文章主要介绍了JavaScript如何获取小数任一小数点后的位数的小数,需要的朋友可以参考下
    2014-06-06

最新评论