JS如何获取iframe内html的body值blank.html代码:
JS如何获取iframe内html的body值
blank.html代码:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<bodyid="editValue">
</body>
</html>
default.html代码:
<iframeid="IFeditValue"src="blank.html"scrolling="auto"height="800"width="1000"></iframe>
JS如何取blank.html的id为editValue的body的值?
[解决办法]
iframe可能连不同服务器的网页
这就涉及到JS跨域访问了
[解决办法]
default页面:
<html>
<head>
<scripttype="text/javascript">
window.onload=function()
{
varimg=document.frames["IFeditValue"].document.getElementById('editValue');
alert(img.innerHTML);
}
</script>
</head>
<body>
<iframeid="IFeditValue"src="blank.html"scrolling="auto"height="800"width="1000"></iframe>
</body>
</html>
分享到:
相关推荐
4. **获取iframe内的值**: - 如果不跨域,可以直接通过`contentDocument`访问内部DOM节点并获取值,如: ```javascript var innerText = iframeDoc.getElementById('myElement').innerText; ``` - 如果跨域,...
为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。在具体的实现过程中,需要注意iframe中的内容必须和主页面出于同一个域中,否则会受到浏览器同源策略的限制,无法获取到其中的DOM元素。这是因为...
### 获取iframe值与文件下载知识点详解 #### 一、引言 在Web开发过程中,`iframe`(Inline Frame)是一种非常实用的技术,它允许在当前页面内嵌入另一个HTML文档,实现网页局部刷新或者加载其他网页内容的效果。...
根据提供的代码片段,“获取父页面iframe中id为name的元素值”,这里涉及到如何通过JavaScript访问`iframe`内的DOM元素: ```javascript // 获取名为"BoardList"的iframe中的元素 parent.frames["BoardList"]....
在Chrome、Firefox等现代浏览器中,可以通过JavaScript的`contentWindow`和`contentDocument`属性来访问`iframe`内的窗口对象和文档对象。例如: ```javascript var iframe = document.getElementById('iframeId');...
本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title>...
在JavaScript中,获取`iframe`内元素的值,我们需要知道两个关键点:`iframe`的ID和目标元素的ID。下面介绍两种主要方法,分别适用于Internet Explorer(IE)和非IE浏览器(如Firefox、Chrome等): 1. **IE方法**...
这个例子中,我们通过iframe的name值"iframe的name值"找到特定的iframe,然后通过控件的ID"iframe中控件的ID"来获取该控件,并执行click()操作。 同样的操作,也可以使用jQuery简化代码,例如: ```javascript $(...
在Web开发中,JavaScript(JS)的同源策略限制了不同源之间进行交互,包括从一个页面中的脚本访问另一个不同源的IFrame内容。"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中...
- **iframe内的交互**:在iframe中,你可能还需要添加一些JavaScript来处理接收到的数据,例如,显示或处理接收到的值。 请注意,由于同源策略的限制,如果iframe加载的页面与父页面不在同一域名下,那么一些跨域...
本篇文章将详细介绍如何使用JavaScript来实现在`iframe`之间传递值。 1. 同源策略与跨域限制: JavaScript遵循同源策略,这意味着来自不同源(协议+域名+端口)的`iframe`之间默认无法通过JavaScript进行通信。...
在文章中提供的JavaScript函数`removeScroll`,通过获取id为`myframe`的iframe元素,并将其`scrolling`属性设置为`no`,从而达到去除滚动条的目的。这一操作是通过`document.getElementById("myframe").scrolling=...
在`main.html`中,通过`<iframe>`元素定义了一个嵌入式页面,并为其指定了一个唯一的ID(如“aaa”),方便后续通过JavaScript进行操作。 2. **编写JavaScript函数**: - `showBPage()`:当点击“提示”按钮时,...
本文将介绍如何通过JavaScript获取嵌入iframe内的值,并提供示例代码供参考。 首先,需要注意的是,在使用JavaScript来访问iframe元素之前,应确保iframe标签具有一个唯一的id或者name属性,这样才能在代码中精确地...
### JavaScript与jQuery获取父窗口与子窗口中的iframe详解 #### 一、引言 在Web开发过程中,`iframe`(Inline Frame)是一种常用的HTML元素,用于在网页中嵌入另一个HTML文档。它允许开发者在一个页面中展示多个...
通过以上知识点,可以看到,在实际开发中,若需要从一个iframe中获取src属性值,可以利用jQuery的选择器、attr()方法,以及$(document).ready()等,这些是进行DOM操作和动态获取内容时常用的方法。同时,也需要考虑...
本文将深入探讨如何通过 `Iframe` 获取父页面的变量和控件。 首先,我们要理解 `Iframe` 的基本概念。`Iframe` 是一个内联框架,它允许我们在一个HTML文档中嵌入另一个HTML文档,相当于在当前页面中打开一个新的...
### 自动调节iframe高度,而不显示其滚动条 js #### 背景介绍 在网页开发过程中,经常会遇到需要在一个页面内嵌入另一个页面的情况,这时通常会使用HTML中的`iframe`元素来实现。然而,当嵌入的内容高度不确定或者...
若想获取iframe内某表单中特定下拉列表选中项的文本值,同样可以利用`contents()`方法: ```javascript $(document).ready(function(){ $("#btn").click(function(){ var txt = $("#iframe1").contents().find("#...
在网页开发中,有时我们需要与`iframe`进行交互,获取其中的HTML元素或者JavaScript变量的值。`iframe`(Inline Frame)是一种嵌入式对象,它可以在一个网页中加载另一个网页,实现页面的分层展示。`iframe`的使用...