`
sbear
  • 浏览: 46460 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

在<iframe>内嵌窗口中修改父窗口css属性以及调用js代码

CSSIEFirefoxHTML 
阅读更多 
 father.html  
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
     <script language="JavaScript">  
        function   fatherSay(){  
           alert("father method!");       
        }  

        function callSon(){
           myFrame.window.sonSay(); //父窗口调用子窗口的js方法
        }
        
         function show(){
              window.frames["myFrame"].document.getElementById ("myH1").innerHTML = "http://sbear.iteye.com";//(Firefox下)父窗口修改子窗口的css属性
     // IE下的调用方法myFrame.myH1.innerText="http://sbear.iteye.com";
          }
     </script>  
  </HEAD>  
  <BODY> 
   <h1 id="myH1">ha</h1> 
   <iframe  src="son.html" name="myFrame"></iframe>  
  </BODY>  
  </HTML>   


  son.html  
  <HTML>  
  <HEAD>  
    <script language="javascript">
     function sonSay(){
       alert("son method~");
     }  

     function callFather(){
        parent.fahterSay(); //子窗口调用父窗口的js方法 
      } 

    function show(){
       parent.document.getElementById("myH1").innerHTML = http://sebar.iteye.com; //(Firefox下)子窗口修改父窗口的css属性
       //IE下的方法parent.myH1.innerText="http://sebar.iteye.com";
     }
   </script>  
  </HEAD>  
  <BODY>  
        <h1 id="myH1">ha</h1>
  </BODY>  
  </HTML>
分享到：
| swing中在button上放图标
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe自适应内嵌页的高试,无srcoll

    标题中的“iframe自适应内嵌页的高试,无srcoll”指的是在网页设计中，如何使用`&lt;iframe&gt;`元素来内嵌外部页面，并确保它能够自适应容器大小，同时不显示滚动条，以实现更佳的用户体验。在这个场景下，开发者通常需要...

    iframe高度自适应

    在网页开发中，`iframe`（Inline Frame）是一种嵌入其他网页的标签，常用于实现页面内嵌或组件化展示。然而，`iframe` 的一个常见问题是高度自适应，即当`iframe`内的内容高度发生变化时，外部容器无法自动调整以...

    网页javascript常用代码收藏

    根据提供的文件信息，我们可以归纳总结出一系列与JavaScript相关的知识点，主要涉及网页控制、显示效果以及交互体验等方面。接下来，我们将详细解析这些知识点。 ### 1. 防止框架嵌套 ```javascript &lt;script ...

    jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码

    在本文中，我们将会探讨如何在jQuery环境下实现一个特定功能，即如何将iframe中的页面元素弹出并在父页面上全屏化。这个过程涉及到了多方面的技术细节，包括jQuery的基本使用、iframe的特性、全屏API的兼容性处理...

    通过隐藏iframe实现文件下载的js方法介绍

    在代码中，我们还看到了一个HTML锚点元素（&lt;a&gt;标签），它设置了一个onclick事件处理器来调用download()函数。这意味着当用户点击这个链接时，会触发函数来启动下载流程。不过，由于我们已经使用iframe完成了下载任务...

    ModalLayer模态框插件js弹出框

    ModalLayer是一款强大的JavaScript插件，它提供了多种类型的模态框，如倒计时、确认对话框以及弹窗内嵌iframe等，极大地丰富了网页的交互体验。 1. **基本概念** - **模态框（Modal）**: 模态框是一种阻止用户与...

    嵌入到HTML的iframe自动适应大小

    在探讨“嵌入到HTML的iframe自动适应大小”的主题时，我们主要关注的是如何使一个内嵌在HTML页面中的iframe元素能够根据其内容或者父容器的尺寸动态调整自身的高度，从而实现良好的响应式设计和用户体验。...

    javascript的经典面试题汇总

    - **解析**：在JavaScript中，括号`()`通常用于函数调用或创建新的实例。当尝试将一对空括号赋值给一个变量时，这实际上会导致语法错误，因为JavaScript引擎会尝试将其解释为函数调用，但又找不到任何函数来调用。...

    javaScript面试精选

    ` 这里`//`通常用于注释，但这行代码实际上会被解释为赋值操作符后的注释，虽然语法上不完全规范，但在某些JavaScript引擎中可能不会报错。 **正确答案:** A **2. 以下哪个单词不属于javascript保留字：** - **...

    artDialog-master

    **artDialog** 是一个在前端开发中常用的JavaScript对话框插件，它提供了丰富的自定义功能，使得在网页中创建各种类型的对话框变得简单易行。`artDialog-master` 是这个插件的源码仓库，包含了完整的项目源码、文档...

    js前端面试笔试题

    - **选项(b)** 在相同域名下，内嵌的`iframe`可以获取外层网页的对象。 - **选项(c)** 在相同域名下，外层网页脚本可以获取`iframe`内的对象。 - **选项(d)** 可以通过脚本调整`iframe`的大小。 **9. 表格相关知识...

    js 弹出窗口 弹出div window 支持遮罩、拖动、嵌入页面、换肤等实用功能

    这可能涉及预设一组CSS样式文件，然后通过JavaScript切换这些样式文件，或者修改窗口元素的样式属性。 5. **浏览器兼容性**：考虑到“支持ie、firefox、chrome”，这意味着代码需要考虑不同浏览器之间的差异，可能...

    电商首页制作.zip_HTML_

    - 可以使用内嵌的IFRAME加载在线客服系统的小窗口，或者通过JavaScript调用第三方客服API。 5. **响应式设计** - HTML5提供了`&lt;meta name="viewport"&gt;`来控制页面在不同设备上的显示方式，确保在手机和平板上的...

    asp.net WORD文档显示到页面

    如果Word文档不是动态生成或更新的，可以考虑将文档上传到服务器，然后在网页上使用`&lt;iframe&gt;`标签直接嵌入Word文档。例如： ```html &lt;iframe src="path_to_word_file.docx" width="100%" height="600px"&gt;&lt;/...

    iframe里的页面禁止右键事件的方法

    上述CSS代码通过设置不同的浏览器前缀以及标准属性，使得用户无法选中文档中的任何内容，这在一定程度上可以防止用户对页面进行复制和粘贴操作，同时也能间接阻止右键菜单的弹出。 最后，值得注意的是，禁止右键...

    JS实现快递单打印功能【推荐】

    在本文中，我们将探讨如何使用JavaScript来实现快递单的打印功能。在开发过程中，有多种方法可以实现在网页上进行打印，但每种方法都有其优缺点和适用场景。我们将会详细讨论这些方法，并着重介绍在给定示例中选用的...

    判断iframe里的页面是否加载完成

    在网页开发中，有时我们需要在主页面中嵌入一个或多个`iframe`，这些`iframe`通常用于加载其他页面内容。然而，为了实现更复杂的交互功能，如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些...

    利用WebBrowser彻底解决Web打印问题（包括后台打印）

    要在网页中添加WebBrowser控件，可以直接在HTML代码中插入`&lt;object&gt;`标签，如下所示： ```html &lt;object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0"&gt;&lt;/object&gt; ...

    跨域修改iframe页面内容详解

    原理 主站点内嵌代理页面, 并向代理页传递数据, 代理页根据主站点的数据对目标页的DOM进行操作.由于代理页与目标页同域, 所以代理页可以获取并操作目标页的document对象. ... handleLoad = (e) =&gt; {

    javascript 的面试题

    `parent` 不是JavaScript的保留关键字，它是一个内置对象，用于访问父窗口或框架。 - C. `class` 是ES6引入的关键字，用于定义类。 - D. `void` 是JavaScript中的保留关键字，用于返回undefined。 **3. 请选择...

Magicbox
Global site tag (gtag.js) - Google Analytics