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 相关文章推荐
js 数组操作代码集锦
Apr 28 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
概述jQuery的元素筛选
Nov 23 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
node+vue实现文件上传功能
May 28 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的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
php输出图像的方法实例分析
2017/02/16 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
jquery 无限级联菜单案例分享
2013/03/26 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
JS获取checkbox的个数简单实例
2016/08/19 Javascript
BootStrap使用file-input插件上传图片的方法
2016/09/05 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
2018/01/08 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
Element UI 自定义正则表达式验证方法
2018/09/04 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼
2014/07/07 DOTA
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
Python基于mysql实现学生管理系统
2019/02/21 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
Python实现石头剪刀布游戏
2021/01/20 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
adidas美国官网:adidas US
2016/09/21 全球购物
美国时尚女装在线:Missguided
2016/12/03 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
机械专业求职信
2014/05/25 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android
nginx访问报403错误的几种情况详解
2022/07/23 Servers