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


Posted in Javascript onJuly 19, 2007

网站想改版,其中有一种广告的问题,以前每投放一个广告我都要把全站的文章都要更新一遍,这样既不便又不好!把网站以前推荐的一些文章都改成现在推荐的几个了!而且还浪费了我的时间。所以想使用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('这里写地址','这里写宽度','这里写长度',) 
Javascript 相关文章推荐
javascript 图片上传预览-兼容标准
Jun 01 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
AngularJS路由实现页面跳转实例
Mar 03 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 Javascript
javascript实现unicode和字符的互相转换
Jul 18 #Javascript
js实现的网页颜色代码表全集
Jul 17 #Javascript
JTrackBar水平拖动效果
Jul 15 #Javascript
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 #Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 #Javascript
建立良好体验度的Web注册系统ajax
Jul 09 #Javascript
HTML中事件触发列表与解说
Jul 09 #Javascript
You might like
php microtime获取浮点的时间戳
2010/02/21 PHP
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
PhpDocumentor 2安装以及生成API文档的方法
2014/05/21 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
Laravel实现表单提交
2017/05/07 PHP
Javascript的闭包
2009/12/31 Javascript
js+css在交互上的应用
2010/07/18 Javascript
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
javascript中的void运算符语法及使用介绍
2013/03/10 Javascript
IE中的File域无法清空使用jQuery重设File域
2014/04/24 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
vue项目实现图片上传功能
2019/12/23 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
JS canvas实现画板和签字板功能
2021/02/23 Javascript
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
python私有属性和方法实例分析
2015/01/15 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
详解python中各种文件打开模式
2020/01/19 Python
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
倡导文明标语
2014/06/16 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
新员工入职感想
2015/08/07 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android