`
hackbomb
  • 浏览: 215188 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

用JS操作FRAME中的IFRAME及其内容

阅读更多

问:想通过在地址栏输入一段JS来设置一下页面里某个FRAME中的IFRAME的URL和里面某个TEXT的值,然后点击提交按钮。注意:页面是其它网站的,不要给出一些改动页面代码的答案。具体情况如下:

主页面.htm:

<FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=*,1005,*> <FRAME src="blank.html" frameBorder=0 noResize scrolling=no> <FRAMESET border=0 frameSpacing=0 rows=*,585,* frameBorder=0> <FRAME name=Frame1 src="http://.../blank.html" frameBorder=0 noResize scrolling=no> <FRAME name=primaryFrame src="http://.../main.jsp" frameBorder=0 noResize scrolling=no> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET>  
 <FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=*,1005,*> <FRAME src="blank.html" frameBorder=0 noResize scrolling=no> <FRAMESET border=0 frameSpacing=0 rows=*,585,* frameBorder=0> <FRAME name=Frame1 src="http://.../blank.html" frameBorder=0 noResize scrolling=no> <FRAME name=primaryFrame src="http://.../main.jsp" frameBorder=0 noResize scrolling=no> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET>
main.jsp : 

<iframe id=chatFrame name=chatFrame src="http://.../a.jsp" ></iframe>

 <iframe id=mainFrame name=mainFrame src="http://.../b.jsp" ></iframe>

要求:

1.当打开主页面后,在地址栏里输入一段JS,来改变mainFrame的src为http://.../c.jsp.

2.当打开主页面后,在地址栏里输入一段JS,来设置mainFrame此时的页面中name为"txt1"的文本框的值为"119",并点击其中name为"btn1"的按钮.

GOOGLE了一下,还真没找到现成的类似答案。于是自己试了试,试出了答案。相信对于再问同样问题的朋友,可以有所帮助。

1.javascript:frames("primaryFrame").document.mainFrame.location=http://.../c.jsp;  

2.javascript:var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119";frames("primaryFrame").document.mainFrame.document.getElementById("btn1").click();

至于设置文本框为什么是var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119";而不是直接用frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119"; 大家试试就知道了。

分享到:
评论

相关推荐

    用JS操作FRAME中的IFRAME及其内容的实现代码

    ### 使用JavaScript操作FRAME中的IFRAME及其内容 #### 背景介绍 在网页开发过程中,有时我们需要在浏览器地址栏中直接输入JavaScript代码来修改页面的状态或行为,尤其是在处理嵌套框架(FRAME/IFRAME)的情况下。...

    js调用-嵌入iframe

    综上所述,"js调用-嵌入iframe"涉及到的主要知识点包括IFrame的基本使用、JavaScript与IFrame的交互以及测试中的注意事项。理解并掌握这些内容,对于网页开发尤其是动态内容加载和页面组件的复用具有重要意义。

    JS获取iframe内容【简化版】

    本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...

    iframe根据页面内容自适应高度和宽度

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他网页的标签,常用于将外部内容如视频、地图或文章等内容嵌入到当前页面中。然而,由于`iframe`的大小固定,当嵌入的页面内容高度或宽度超过`iframe`设定的尺寸...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...

    js iframe 打印 打印预览 页眉页脚的设置

    在JavaScript(JS)中,利用iframe进行打印和打印预览是常见的需求,特别是在网页开发中。这个场景下,我们可能需要自定义页眉和页脚,以提供更专业的打印效果。下面将详细介绍如何通过JS实现这个功能。 首先,我们...

    捕捉IFrame SRC改变事件

    然而,在使用`&lt;iframe&gt;`时,有时我们需要监测其内容的变化,特别是当`&lt;iframe&gt;`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...

    frame与frame之间如何用JavaScript传值

    总结一下,要在frame与frame之间用JavaScript传递值,你需要: 1. 使用`parent.frames[indexOrName]`来访问目标框架。 2. 通过`document.getElementById`或`document.getElementsByName`等方法找到要操作的元素。 3....

    js实现iframe自适应高度

    在网页开发中,`iframe`(Inline Frame)是一种嵌入其他网页的标签,常用于页面模块化、加载外部内容或创建多窗口体验。然而,`iframe` 的一个常见问题是其内容区域的高度可能超过其本身的显示区域,导致滚动条出现...

    iframe显示全部内容代码

    ### iframe显示全部内容代码知识点详解 ...通过以上分析,我们可以看到通过合理的设置和使用JavaScript,可以让`iframe`更加灵活地适应不同的应用场景。这对于构建复杂的网页布局来说是非常有用的。

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    需要注意的是,`document.frames`是老式的方法,用于访问`&lt;frameset&gt;`内的`&lt;frame&gt;`元素,而在现代浏览器中,更推荐使用`contentWindow`或`contentDocument`来访问`&lt;iframe&gt;`的内容。在这个例子中,我们使用了`...

    javascript经典特效---Iframe页面的滚动.rar

    - 若要精确控制滚动,需通过JavaScript操作`iframe.contentWindow.scrollTo(x, y)`,其中x和y分别是水平和垂直滚动的位置。 4. **监听滚动事件**: - 如果需要在Iframe内容滚动时执行某些操作,可以监听Iframe的`...

    iframe自适应高度js demo

    为了实现`iframe`自适应高度,我们可以利用JavaScript的DOM操作和事件监听。以下是一个简单的JavaScript函数示例,该函数动态地设置`iframe`的高度: ```javascript function setIframeHeight(iframeId) { var ...

    iframe框架中实现打开多窗口方法

    除了直接使用`target`属性,还可以通过JavaScript来动态控制`iframe`或框架的`location`属性,实现更加灵活的内容加载。例如: ```html ['right'].location = this.href; return false;"&gt;在名为right的框架中打开...

    frame 的 parent 是谁?

    在编程领域,特别是Web开发中,`frame`和`parent`的概念主要与HTML框架(Frames)和DOM(Document Object ...虽然现代Web开发中`frame`已经逐渐被`iframe`取代,但理解这些基本概念对于理解和解决问题仍然十分关键。

    JS操作iframe里的dom

    在本篇文章中,我们将深入探讨如何使用JS在iframe内进行DOM操作。 首先,理解iframe的基本概念至关重要。iframe(Inline Frame)是HTML中的一个元素,允许在同一个HTML文档中嵌入另一个HTML文档。这在需要在页面中...

    MFC ie webbrowser iframe/frame

    这些知识点涵盖了在MFC应用程序中使用IE WebBrowser控件的基本操作和高级用法。实际开发中,你可能还需要考虑性能优化、安全性、兼容性等问题,以确保应用程序的稳定性和用户体验。在学习和实践中,熟悉COM编程、...

    后台管理禁止iframe刷新返回首页

    然而,`iframe`的使用有时也会带来一些问题,比如在后台管理系统中,当用户在某个子页面(如二级菜单页面)操作时,如果`iframe`刷新,可能会导致页面跳转回首页,这显然不是用户期望的行为。针对这个问题,我们需要...

    iframe自适应子页面内容高度

    在网页开发中,`iframe`(Inline Frame)是一种嵌入式框架,用于在单个HTML文档中显示其他HTML文档。`iframe`常用于实现页面组件的复用、加载外部资源或者进行页面间的通信。本话题将深入探讨如何使`iframe`自适应其...

Global site tag (gtag.js) - Google Analytics