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操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
基于jquery的动态创建表格的插件
Apr 05 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
JavaScript中offsetWidth的bug及解决方法
May 17 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
webpack+vue中使用别名路径引用静态图片地址
Nov 20 Javascript
微信小程序实现发送验证码按钮效果
Dec 20 Javascript
vue 中的动态传参和query传参操作
Nov 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
基于文本的访客签到簿
2006/10/09 PHP
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
AngularJS应用开发思维之依赖注入3
2016/08/19 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
vue与bootstrap实现时间选择器的示例代码
2017/08/26 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
JS实现简单获取最近7天和最近3天日期的方法
2018/04/18 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
JS实现水平遍历和嵌套递归操作示例
2019/08/15 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python os模块学习笔记
2015/06/21 Python
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
pandas条件组合筛选和按范围筛选的示例代码
2019/08/26 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
python正则表达式实例代码
2020/03/03 Python
如何在django中运行scrapy框架
2020/04/22 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
Python+logging输出到屏幕将log日志写入文件
2020/11/11 Python
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
全球度假村:Club Med
2017/11/27 全球购物
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
快时尚眼镜品牌,全国连锁眼镜店:LOHO眼镜生活
2018/10/08 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
什么叫做SQL注入,如何防止
2016/10/04 面试题
关于安全的标语
2014/06/10 职场文书
公司老总年会致辞
2015/07/30 职场文书
2016党校学习心得体会
2016/01/07 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
nginx配置之并发频次限制
2022/04/18 Servers