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图片预加载 等比缩放实现代码
Oct 04 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
Zabbix添加Node.js监控的方法
Oct 20 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
Dec 25 jQuery
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
Mar 05 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
vue调用语音播放的方法
Sep 27 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 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提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
如何用PHP实现插入排序?
2013/04/10 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
jquery ui对话框实例代码
2013/05/10 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
详解Angular的8个主要构造块
2017/06/20 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
[03:38]TI4西雅图DOTA2前线报道 71专访
2014/07/08 DOTA
[02:27]刀塔重生降临
2015/10/14 DOTA
Python编程中的反模式实例分析
2014/12/08 Python
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
pandas 空数据处理方法详解
2019/11/02 Python
django框架两个使用模板实例
2019/12/11 Python
python3 使用openpyxl将mysql数据写入xlsx的操作
2020/05/15 Python
keras中的backend.clip用法
2020/05/22 Python
巴西体育用品商店:Lojão dos Esportes
2018/07/21 全球购物
百度软件工程师职位
2013/02/14 面试题
文员个人的求职信范文
2013/09/26 职场文书
历史学专业推荐信
2013/11/06 职场文书
酒店出纳岗位职责
2013/12/29 职场文书
小学生安全保证书
2015/05/09 职场文书
大学文艺委员竞选稿
2015/11/19 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书