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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
Jul 03 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
Jul 30 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
微信小程序实现底部弹出框
Nov 18 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
咖啡与水的关系
2021/03/03 冲泡冲煮
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
php下通过curl抓取yahoo boss 搜索结果的实现代码
2011/06/10 PHP
Apache中php.ini的设置方法
2013/02/28 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
php的ZipArchive类用法实例
2014/10/20 PHP
php远程下载类分享
2016/04/13 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
2015/12/16 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
javascript trie前缀树的示例
2018/01/29 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
[03:55]DOTA2完美大师赛选手传记——LFY.MONET
2017/11/18 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
Python读取txt内容写入xls格式excel中的方法
2018/10/11 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
某个公司的Java笔面试题
2016/03/11 面试题
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
怎样写好自我鉴定
2013/12/04 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
惊天动地观后感
2015/06/10 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
实现GO语言对数组切片去重
2022/04/20 Golang