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当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
Bootstrap每天必学之导航条
Nov 27 Javascript
JS中substring与substr的用法
Nov 16 Javascript
JavaScript实现垂直向上无缝滚动特效代码
Nov 23 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
Mar 03 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
js实现微信聊天效果
Aug 09 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 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实现MySQL数据库备份与还原类实例
2014/12/09 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
JS实现很酷的水波文字特效实例
2015/02/26 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
JS实现图片手风琴效果
2020/04/17 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
Python实现多线程HTTP下载器示例
2017/02/11 Python
tensorflow识别自己手写数字
2018/03/14 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
pandas计数 value_counts()的使用
2019/06/24 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
通过字符串导入 Python 模块的方法详解
2019/10/27 Python
wxPython实现带颜色的进度条
2019/11/19 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
联谊会主持词
2014/03/26 职场文书
学校春季防火方案
2014/06/08 职场文书
2014年村官工作总结
2014/11/24 职场文书
小学新教师个人总结
2015/02/05 职场文书
工程催款通知书
2015/04/17 职场文书
2015暑假假期总结
2015/07/13 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
检讨书怎么写?
2019/06/21 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫