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 03 Javascript
JavaScript之自定义类型
May 04 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
JavaScript中数组添加值和访问值常见问题
Feb 06 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
js实现复选框的全选和取消全选效果
Jan 03 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
Vue父子组建的简单通信之控制开关Switch的实现
Jun 04 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 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实现简单搜歌的方法
2015/07/28 PHP
PHP仿微信发红包领红包效果
2016/10/30 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
浅析angularJS中的ui-router和ng-grid模块
2016/05/20 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
Vue非父子组件通信详解
2017/06/12 Javascript
JavaScript数组排序reverse()和sort()方法详解
2017/12/24 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
vue中接口域名配置为全局变量的实现方法
2018/09/20 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
使用python实现ANN
2017/12/20 Python
python实现验证码识别功能
2018/06/07 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
python多进程并行代码实例
2019/09/30 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
使用Python实现牛顿法求极值
2020/02/10 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
HTML5图片预览实例分享
2014/06/04 HTML / CSS
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
大学四年学习的自我评价分享
2013/12/09 职场文书
倡议书格式模板
2014/05/13 职场文书
观看信仰心得体会
2014/09/04 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
深入浅析Django MTV模式
2021/09/04 Python