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 ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
Mar 09 Javascript
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
详解JavaScript中的六种错误类型
Sep 21 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
JavaScript常见事件处理程序实例总结
Jan 05 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 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自动选择 连接本地还是远程数据库
2010/12/02 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
jquery-tips悬浮提示插件分享
2015/07/31 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
几种tab切换详解
2017/02/03 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
使用Vue自定义数字键盘组件(体验度极好)
2017/12/19 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
搞清楚 Python traceback的具体使用方法
2019/05/13 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
django使用JWT保存用户登录信息
2020/04/22 Python
Python+unittest+requests 接口自动化测试框架搭建教程
2020/10/09 Python
CSS3中的transform属性进行2D和3D变换的基本用法
2016/05/12 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
商务英语应届生自我鉴定
2013/12/08 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
让人瞬间清醒的句子,句句经典,字字如金
2019/07/08 职场文书
python 如何用terminal输入参数
2021/05/25 Python
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers