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检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
Apr 11 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
js从外部获取图片的实现方法
Aug 05 Javascript
jQuery事件与动画基础详解
Feb 23 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
学习RxJS之JavaScript框架Cycle.js
Jun 17 Javascript
TypeScript 内置高级类型编程示例
Sep 23 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
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
C# Assembly类访问程序集信息
2009/06/13 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
php实现记事本案例
2020/10/20 PHP
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
详解vue中axios的封装
2018/07/18 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
node解析修改nginx配置文件操作实例分析
2019/11/06 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
Python多进程同步简单实现代码
2016/04/27 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python导入时小括号大作用
2017/01/10 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
Python读取txt某几列绘图的方法
2018/10/14 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
python二进制文件的转译详解
2019/07/03 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Django中提示消息messages的设置方式
2019/11/15 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
幼儿园家长寄语
2014/04/02 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
Python OpenCV 图像平移的实现示例
2021/06/04 Python
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang
python中使用redis用法详解
2022/12/24 Redis