我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。
来源:互联网 发布:java面试笔试题 编辑:程序博客网 时间:2024/05/14 10:57
在Web开发时,很多时候会遇到一个问题。我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。那么该如何实现这个需求呢?
先来看下演示:
效果演示
iframe1中文本框的值:
在IE下操作IFrame内容的代码:
1
document.frames[
"MyIFrame"
].document.getElementById(
"s"
).style.color=
"blue"
;
但是这在Firefox下无效。所以,想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
1
document.getElementById(
"MyIFrame"
).contentDocument.getElementById(
"s"
).style.color=
"blue"
;
demo代码:
01
<div><iframe name=
"frame1"
id=
"frame1"
src=
"frm.html"
frameborder=
"1"
height=
"60"
></iframe></div>
02
03
<p>iframe1中文本框的值:<input type=
"button"
name=
"Submit"
value=
"getValue"
onclick=
"getValue()"
/></p>
04
05
<script type=
"text/javascript"
>
06
function
getValue()
07
{
08
var
ofrm1 = document.getElementById(
"frame1"
).document;
09
if
(ofrm1==undefined)
10
{
11
ofrm1 = document.getElementById(
"frame1"
).contentWindow.document;
12
var
ff = ofrm1.getElementById(
"txt1"
).value;
13
alert(
"firefox/chrome取值结果为:"
+ ff);
14
}
15
else
16
{
17
var
ie = document.frames[
"frame1"
].document.getElementById(
"txt1"
).value;
18
alert(
"ie取值结果为:"
+ ie);
19
}
20
}
21
</script>
iframe页面代码:
01
<html>
02
<head>
03
<title>框架内页</title>
04
</head>
05
<body>
06
<div>
07
<input id=
"txt1"
name=
"txt1"
type=
"text"
value=
"欢迎访问www.nowamagic.net"
/>
08
</div>
09
</body>
10
</html>
function test(){
if(document.all){
//IE代码
alert(document.frames["MyIFrame"].document.getElementById("qsn_category").value);
}else{
//其他
}
- 我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。
- 使iframe的页面,或者这个iframe获得焦点
- iframe 嵌入页面
- iframe如何获得父页面的值
- iframe中获得父页面的值
- 页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案
- jsp子页面(iframe)获取父页面(在另一个页面中用iframe)元素的方法
- iframe内部嵌入html页面并且能够跳转
- iframe子页面中获取父页面元素的值
- 修改Iframe页面的css 参照这个
- 页面嵌入iframe高度问题
- 在页面内操作iframe元素
- 在当前页面获取iframe中的元素
- 尼玛 jquery在父页面获取iframe 的元素!
- 获得页面iframe中文本框中的值
- 一个页面中提取iframe框架页面的值
- iframe如何获得父页面的值 (转)
- iframe获取父页面的元素
- 正则表达式之全部符号对照表
- 解决input file文件chang事件只触发一次问题
- 马尔科夫随机场(MRF)与吉布斯分布(Gibbs)
- python 通过_getframe获取函数名行号和调用函数
- Android中常用的五种布局
- 我在一个页面嵌入了iframe,并且我想获得这个iframe页面某个元素的值。
- codeforces 353D.Queue
- WPF 创建多行TextBox
- java定时器
- 将CString的字符串写入文件
- [算法导论][排序算法]快速排序(quick sort)
- poj3286
- 客户的一些问题
- 让myeclipse默认以文本编辑器的方式打开jsp文件