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 相关文章推荐
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
Jul 01 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
VUE长按事件需求详解
Oct 18 Javascript
微信小程序自定义select下拉选项框组件的实现代码
Aug 28 Javascript
详解webpack 最简打包结果分析
Feb 20 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
学习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/29 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
封装一下vue中的axios示例代码详解
2020/02/16 Javascript
解决vue项目input输入框双向绑定数据不实时生效问题
2020/08/05 Javascript
JavaScript实现滚动加载更多
2020/12/27 Javascript
Python使用htpasswd实现基本认证授权的例子
2014/06/10 Python
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
python3常用的数据清洗方法(小结)
2019/10/31 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
手术室护士自我鉴定
2013/10/14 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
商场总经理岗位职责
2014/02/03 职场文书
市级文明单位申报材料
2014/05/07 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
2015年教师新年寄语
2014/12/08 职场文书
python接口测试返回数据为字典取值方式
2022/02/12 Python
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python