iframe框架取值兼容ie/firefox/chrome的写法

简介: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: 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 >
目录
相关文章
|
6月前
|
编解码 移动开发 前端开发
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
77 0
|
Web App开发 Windows
Selenium Chrome浏览器版本与chromedriver驱动兼容版本对照表
Selenium Chrome浏览器版本与chromedriver驱动兼容版本对照表
1661 0
Selenium Chrome浏览器版本与chromedriver驱动兼容版本对照表
|
2月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
6月前
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
JavaScript
兼容IE浏览器
兼容IE浏览器
101 0
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
73 0
|
JavaScript
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
vue里使用animated-scroll-to代替原生滚动实现兼容ie的平滑滚动定位
102 0
|
移动开发 前端开发 JavaScript
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?
|
Web App开发 JavaScript
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
JS 获取当前浏览器类型(IE、Chrome、Edge、Firefox、Opera、UC、QQ)
1167 0
|
Web App开发 UED C++
在chrome浏览器中调用IE浏览器并访问(openIE.reg自定义协议)
在chrome浏览器中调用IE浏览器并访问(openIE.reg自定义协议)