zoukankan      html  css  js  c++  java
  • window的open和showModalDialog方法调用父页面的window对象

    window.open

    var parentWindow = window.opener;//获取到父页面的window对象

    参数:

    window.open(pageURL,name,parameters) 
    其中:
    pageURL 为子窗口路径 
    name 

       1、如果是已经存在的窗口的名字,则会到那个窗口中打开这个url

       2、如果不存在的窗口的名称,则会打开一个地址为url的新窗口,窗口名称为这个参数

       3、如果指定了的是窗口的打开方式:_selt、_parent、_top、_blank
    parameters 为窗口参数(各参数用逗号分隔)

    例如:window.open (url,'newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')

    height=100 窗口高度; 
    width=400 窗口宽度; 
    top=0 窗口距离屏幕上方的象素值; 
    left=0 窗口距离屏幕左侧的象素值; 
    toolbar=no 是否显示工具栏,yes为显示; 
    menubar,scrollbars 表示菜单栏和滚动栏。 
    Resizable=no 是否允许改变窗口大小,yes为允许; 
    location=no 是否显示地址栏,yes为允许; 
    status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

    window.showModalDialog

    var parentWindow = parent.window;

    参数及说明:

    window.showModalDialog(url,obj,"dialogWidth=200px;dialogHeight=100px");

    showModalDialog() (IE 4+ 支持)
    showModelessDialog() (IE 5+ 支持)
    window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
    window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。
    
    
    dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
    dialogWidth: 对话框宽度。
    dialogLeft: 离屏幕左的距离。
    dialogTop: 离屏幕上的距离。
    center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
    help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
    resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
    status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
    scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。

     在弹出的窗口里设置form的提交在本页面而不是新弹出一个页面可在head标签里加入

    <base target="_self"/>

    获取到了父页面的window对象后像怎么操作父页面就怎么操作,那些传参数/回传参数啥的弱爆了~~

  • 相关阅读:
    webpack 入门
    javascript 函数重载另一种实现办法
    5个python爬虫教材,让小白也有爬虫可写,含视频教程!
    简书模拟登陆缺陷!!!
    Python操作Mongodb
    【爬虫系列之一】爬虫开发环境的搭建
    CentOS7.4,anaconda3,python3.6,tensorflow环境下gdal的编译和问题解决
    返回Json格式结果
    json扩展
    EF中使用SQL语句或存储过程
  • 原文地址:https://www.cnblogs.com/yangzhilong/p/2891878.html
Copyright © 2011-2022 走看看