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创建插件的代码分析
Apr 14 Javascript
jquery中ajax学习笔记4
Oct 16 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
浅析Javascript匿名函数与自执行函数
Feb 06 Javascript
vue数据双向绑定原理解析(get &amp; set)
Mar 08 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 Javascript
ES6中Promise的使用方法实例总结
Feb 18 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
js加减乘除精确运算方法实例代码
Jan 17 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
PHP用户指南-cookies部分
2006/10/09 PHP
基于php无限分类的深入理解
2013/06/02 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
php处理带有中文URL的方法
2016/07/11 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
vue.js的提示组件
2017/03/02 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
使用Layui搭建后台管理界面的操作方法
2019/09/20 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
python多线程扫描端口(线程池)
2019/09/04 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
python爬虫中的url下载器用法详解
2020/11/30 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
应用服务器有那些
2012/01/19 面试题
护士演讲稿范文
2014/01/05 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
罚款通知怎么写
2015/04/22 职场文书
解决Maven项目中 Invalid bound statement 无效的绑定问题
2021/06/15 Java/Android
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android