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

网站想改版,其中有一种广告的问题,以前每投放一个广告我都要把全站的文章都要更新一遍,这样既不便又不好!把网站以前推荐的一些文章都改成现在推荐的几个了!而且还浪费了我的时间。所以想使用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('这里写地址','这里写宽度','这里写长度',) 

时间: 2024-10-27 09:30:50

符合W3C网页标准的iframe标签的使用方法_javascript技巧的相关文章

JS获取并操作iframe中元素的方法_javascript技巧

JS获取/设置iframe内对象元素.文档的几种方法 1.IE专用(通过frames索引形象定位): 复制代码 代码如下: document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): 复制代码 代码如下: document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同

js改变Iframe中Src的方法_javascript技巧

本文实例讲述了js改变Iframe中Src的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .N

javascript给span标签赋值的方法_javascript技巧

js给span标签赋值的方法?一般有两种方法: 第一种方法:输出html <body onload="s()"> <span id="hello"></span> <script language="javascript"> function s(){ document.getElementById("hello").innerHTML = "<iframe sr

JS实现网页标题随机显示名人名言的方法_javascript技巧

本文实例讲述了JS实现网页标题随机显示名人名言的方法.分享给大家供大家参考,具体如下: 这段代码实现每次刷新过后,网页的标题都会随机显示名人名言,一次一条,把这些名言定义在Javascript的数组内,每次调用随机调用一条,随机产生的随机数正好是数组的标号,这样就实现了随机,不错的效果吧. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-show-tips-style-codes/ 具体代码如下: <!DOCTYPE html

JavaScript控制网页层收起和展开效果的方法_javascript技巧

本文实例讲述了JavaScript控制网页层收起和展开效果的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="pragma" content=&q

js给网页加上背景音乐及选择音效的方法_javascript技巧

本文实例讲述了js给网页加上背景音乐及选择音效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <HTML> <HEAD> <TITLE>给网页加上背景音乐,选择音效功能</TITLE> <STYLE> <!--样式单 --> a{font-size:30pt;color:blue;font-family:Vineta BT} a:link{text-decoration:none;} a:hover{text-

用瀑布流的方式在网页上插入图片的简单实现方法_javascript技巧

当我们的网页需要插入很多图片的时候,为了美观,我们可以选择用瀑布流的方法插入图片 首先我们在body里面放入我们需要展示的图片 <div id="box"> <div class="dinwei"> <div class="pic"> <img src="image/1.jpg"> </div> </div> <div class="din

javascirpt实现2个iframe之间传值的方法_javascript技巧

本文实例讲述了javascirpt实现2个iframe之间传值的方法.分享给大家供大家参考,具体如下: index.htm <body> <table border="1" width="100%"> <tr> <td width="100%"><iframe src="iframe1.htm" name="aa"></iframe>&

JS实现网页上随机产生超链接地址的方法_javascript技巧

本文实例讲述了JS实现网页上随机产生超链接地址的方法.分享给大家供大家参考,具体如下: 这是一个JavaScript的应用,每刷新一次页面,会自动更换一次链接,虽然不常用,不过对Javascript随机函数Math.random() 的使用将直到引导作用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/ 具体代码如下: <html> <head> <title>在