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 相关文章推荐
非常不错的一个javascript 类
Nov 07 Javascript
最新优化收藏到网摘代码(digg,diigo)
Feb 07 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
jQuery实现炫酷的鼠标轨迹特效
Feb 01 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
IE10中flexigrid无法显示数据的解决方法
Jul 26 Javascript
解决vue页面DOM操作不生效的问题
Mar 17 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 Javascript
详解服务端预渲染之Nuxt(介绍篇)
Apr 07 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 Javascript
vue watch监控对象的简单方法示例
Jan 07 Vue.js
学习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 shell超强免杀、减少体积工具实现代码
2012/10/16 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
简单的php购物车代码
2020/06/05 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
Python 文件操作技巧(File operation) 实例代码分析
2008/08/11 Python
python实现多线程采集的2个代码例子
2014/07/07 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
Sanic框架路由用法实例分析
2018/07/16 Python
Python线程之定位与销毁的实现
2019/02/17 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
django商品分类及商品数据建模实例详解
2020/01/03 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
C#笔试题集合
2013/06/21 面试题
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
中餐厅经理岗位职责
2014/04/11 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
四风个人对照检查材料思想汇报
2014/09/25 职场文书
工作收入证明模板
2014/10/10 职场文书
申报材料格式
2014/12/30 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android