js实现iframe框架取值的方法(兼容IE,firefox,chrome等)


Posted in Javascript onNovember 26, 2015

本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考,具体如下:

为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧:

iframe框架内页:

<html>
<head>
  <title>框架内页</title>
</head>
<body>
  <div>
    <input id="txt1" name="txt1" type="text" value="测试" />
  </div>
</body>
</html>

父级类:

<iframe name="frame1" id="frame1" src="frm.html" frameborder="1" height="30"></iframe>
<p>
  iframe1中文本框的值:</p>
<p>
  <input type="button" name="Submit" value="getValue" onclick="getValue()" />
</p>
<script type="text/javascript">
function getValue(){
  var ofrm1 = document.getElementById("frame1").document;
  if (ofrm1==undefined)
  {
    ofrm1 = document.getElementById("frame1").contentWindow.document;
    var ff = ofrm1.getElementById("txt1").value;
    alert("firefox/chrome取值结果为:" + ff);
  }
  else
  {
    var ie = document.frames["frame1"].document.getElementById("txt1").value;
    alert("ie取值结果为:" + ie);
  }
}
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
Javascript函数式编程简单介绍
Oct 11 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
Dec 23 Javascript
JS实现简单短信验证码界面
Aug 07 Javascript
详解vuex的简单使用
Mar 12 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
JavaScript键盘事件常见用法实例分析
Jan 03 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 #Javascript
javascript bom是什么及bom和dom的区别
Nov 26 #Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 #Javascript
Javascript BOM学习小结(六)
Nov 26 #Javascript
js实现延时加载Flash的方法
Nov 26 #Javascript
学习JavaScript设计模式(链式调用)
Nov 26 #Javascript
学习JavaScript设计模式(继承)
Nov 26 #Javascript
You might like
php实现的css文件背景图片下载器代码
2014/11/11 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
33种Javascript 表格排序控件收集
2009/12/03 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
简单实用jquery版三级联动select示例
2013/07/04 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
js实现随机抽奖
2020/03/19 Javascript
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
判断网页编码的方法python版
2016/08/12 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
2019/02/21 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
Python Django框架防御CSRF攻击的方法分析
2019/10/18 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
彻底解决pip下载pytorch慢的问题方法
2021/03/01 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
西雅图的买手店:Totokaelo
2019/10/19 全球购物
企划专员岗位职责
2013/12/09 职场文书
简短证婚人证婚词
2014/01/09 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
网络管理专业求职信
2014/03/15 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
2016年教师节感恩寄语
2015/12/04 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python