Chrome下ifame父窗口调用子窗口的问题示例探讨
项目中遇到的一个浏览器不兼容问题:
在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使。
代码如下:
<frameset rows="108,*,30" border="0" frameSpacing="0" frameBorder="0">
<frame name="header" scrolling="no" noresize src="base/header" />
<frame id="memuMain" name="main" scrolling="no" noresize src="${ctx}/index.jsp" />
<frame name="footer" scrolling="no" noresize src="base/footer" />
<noframes>
<body>
<p>此网页使用了框架,但您的浏览器不支持框架。</p>
</body>
</noframes>
</frameset>
function changeMenu(menu_id){
header.window.changeMenu(menu_id);
}
function changeMenu(menu_id){
frames[0].changeMenu(menu_id);
}
都可以 ,
在Chrome下只能用第二种写法,所以需要考虑多种浏览器兼容问题的时候应采用第二种写法。
相关推荐
-
用DIV完美模拟createPopup 弹出窗口(脚本之家修正版),支持Firefox,ie,chrome
补增一个效果图! 模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000000; line-height:17px; background-color:#F7F7F4; visibility:hidden; cursor:defa
-
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Chrome浏览器的alert弹窗,选择了禁止再次弹出后,就不会再弹出了. 第一次弹出alert弹窗没有"禁止此页再显示对话框"选项,第二次和以后才有. 这个功能在开发测试中,或者程序出现bug时,页面不断弹出对话框时,很有作用,这时候只需要勾选不再弹出对话框,就不会再出现了. 但如果要让他再次弹出,怎么办呢? 试了刷新页面,不能让弹窗再次出现. 其实只要把页面关闭,或者浏览器关闭,然后再打开,就能恢复弹出了. 手机版的浏览器也可以这样处理. 也就是说重启一下浏览器,或者关闭重开页面就
-
在firefox和Chrome下关闭浏览器窗口无效的解决方法
首先IE是可以通过window.close()来关闭浏览器窗口的,但是在firefox和Chrome下是无效的. 原因在于: Firefox下默认设置是无法通过脚本来关闭浏览器窗口的,为的是防止恶意脚本注入, 所以调整的方式就是在url地址栏中输入about:config, 然后在配置列表中找到 dom.allow_scripts_to_close_windows 点右键的选切换把上面的false修改为true即可. 默认是false chrome下的默认是不支持这种关闭方式的,但是也可以通过一
-
JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
在IE7/ Firefox 3.0/ Google Chrome通过测试 CloseDemo.htm 复制代码 代码如下: <script> var browserName=navigator.appName; if (browserName=="Netscape") { function closeme() { window.open('','_parent',''); window.close(); } } else { if (browserName=="M
-
Chrome下ifame父窗口调用子窗口的问题示例探讨
项目中遇到的一个浏览器不兼容问题: 在IE和Firefox下直接在ifame框架页的父窗口用子窗口的name调用子窗口的js函数都好使,在Chrome下不好使. 复制代码 代码如下: <frameset rows="108,*,30" border="0" frameSpacing="0" frameBorder="0"> <frame name="header" scrolling=&q
-
iframe 父窗口和子窗口相互的调用方法集锦
一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4.父窗口页面源码: 复制代码 代码如下: <html>
-
vue 父组件调用子组件方法及事件
情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组件内部循环可创建多个模块. 父组件传入数组子组件循环来创建不同的组件模块,所有事件都在子组件内部. 父组件页面的上方同时有一个上传图片按钮上传图片后会显示在第一个模块: 设想思路:点击父组件中的按钮触发子组件中上传方法: 子组件上定义ref="refName",父组件的方法中用this.$refs.refName.method去调用子组件方法 子组件中处理上传的方法: fileClick(index) { c
-
C#中父窗口和子窗口之间控件互操作实例
本文实例讲述了C#中父窗口和子窗口之间控件互操作的方法.分享给大家供大家参考.具体分析如下: 很多人都苦恼于如何在子窗体中操作主窗体上的控件,或者在主窗体中操作子窗体上的控件.相比较而言,后面稍微简单一些,只要在主窗体中创建子窗体的时候,保留所创建子窗体对象即可. 下面重点介绍前一种,目前常见的有两种方法,基本上大同小异: 第一种,在主窗体类中定义一个静态成员,来保存当前主窗体对象,例如: 复制代码 代码如下: public static yourMainWindow pCurrentWin =
-
Python PyQt5中弹出子窗口解决子窗口一闪而过的问题
方式一:槽函数中创建子窗口对象,赋值到普通变量 在主窗口添加按钮,并把按钮信号关联槽,在槽函数中创建子窗口对象赋值到普通变量,并调用其 show 方法. from PyQt5.QtWidgets import * import sys class Main(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("主窗口") button = QPushButton("弹出子窗"
-
vue父组件调用子组件方法报错问题及解决
目录 vue父组件调用子组件方法报错 vue父组件调用子组件方法及遇到的问题 vue父组件调用子组件方法报错 在父组件定义了一个tab标签页,每一个标签页下面都调用不同的组件, 如下图所示: 子组件中定义的方法: setup() { const getList = () =>{ const date = moment(new Date()).format('YYYY-MM') loading.value = true apiGetPageList({ salaryDate: date, page
-
在父页面调用子页面的JS方法
今天弄了一天了,终于在网上找到了解决办法 注意:问题是在父页面调用子页面的方法..... 父页面:parent.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.o
-
关于vue父组件调用子组件的方法
组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素. 所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子. 我们都知道通过$ref可以获取到某个DOM,但是它也可以用来获取子组件的实例,调用子组件的方法 例: 子
-
React父组件调用子组件中的方法实例详解
目录 Class组件 1. 自定义事件 2. 使用 React.createRef() 3. 使用回调Refs Function组件 补充:子组件调用父组件方法 总结 文章中涉及 ref 的应用仅为父组件调用子组件场景下的应用方式,并未涵盖 ref 的所有应用方式! Class组件 1. 自定义事件 Parent.js import React, { Component } from 'react'; import Child from './Child'; class Parent exte
-
vue 使用ref 让父组件调用子组件的方法
父级组件上的三个按钮可以 调用子组件loading的三个方法,执行不同的操作 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="vue.js" charset="utf-8"></script> </head> <body> <div id="app&qu
随机推荐
- ajax跨域访问报错501的解决方法
- linux下部署kodexplorer的方法
- 基于jquery & json的省市区联动代码
- Oracle日常维护中管理用户以及重做日志文件的方法
- asp.net 计划任务管理程序实现,多线程任务加载
- asp.net中ViewState的用法详解
- ASP.NET MVC制作404跳转实例(非302和200)
- php使HTML标签自动补全闭合函数代码
- 你可能不知道的Vim使用小技巧
- jsp和servlet操作mysql中文乱码问题的解决办法
- jquery实现可点击伸缩与展开的菜单效果代码
- JS实现简洁、全兼容的拖动层实例
- windows服务器记录3389远程桌面IP策略
- Linux的获利之路
- PHP获取文件行数的方法
- C# 编码好习惯,献给所有热爱c#的同志
- 使用 Spring Boot 内嵌容器 Undertow创建服务器的方法
- js中call()和apply()改变指针问题的讲解
- react native基于FlatList下拉刷新上拉加载实现代码示例
- pyqt5 从本地选择图片 并显示在label上的实例