window.open 浏览器样式窗口及ifream 模式

  时间:2018-11-21
本文章向大家介绍window.open 浏览器样式窗口及ifream 模式,需要的朋友可以参考一下

一般窗口分为两种情况 :

1、window.open 浏览器样式窗口

  ⑴ 属性:window.open('index.html', 'newpage', 'height=800, width=60, top=20, left=50, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') 

    参数:window.open 弹出新窗口的命令; 
        'index.html' 弹出窗口的文件名; 
        'newpage'  弹出窗口的名字(不是文件名),非必须,可用空''代替; 
        height=800 窗口高度; 
        width=60    窗口宽度; 
        top=20 窗口距离屏幕上方de 距离; 
        left=50 窗口距离屏幕左侧de 距离; 
        toolbar=no/yes 是否显示工具栏,yes为显示; 
        menubar,scrollbars 表示菜单栏和滚动栏。 
        resizable=no/yes 是否允许改变窗口大小,yes为允许; 
        location=no/yes 是否显示地址栏,yes为允许; 
        status=no/yes 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

  ⑵调用父级框函数:window.opener.xx();  xx() 为父级框de 函数名

  ⑶关闭执行函数:window.onbeforeunload = function(){....}

2、ifream 模式

  ⑴ 属性:<iframe name="my_iframe" height="540" width="100%" frameborder="0"   marginwidth="0" marginheight="0" scrolling="no" border="0"   src="http://www.33xyx.com" security="restricted"  sandbox="allow-forms allow-scripts allow-same-origin">

    参数:

      1,name id 不用介绍了吧,就是通过关键词来应用操作iframe

      2,height width 就是定义iframe的宽度高度,有数字或者百分比

      3,frameborder是否显示边框1或0

      4,marginheight marginwidth 定义iframe顶部到底部的边距 左边到右边的边距

      5,scrolling iframe是否可以滚动

      6,src="http://www.33xyx.com" 这个大家都知道,替换成自己的网站即可

      7,security="restricted" 我理解就是iframe的东西不能控制父页面的东西,有人会使用top.location.href=""来控制跳转,所以自己衡量是否需要加上

      8, sandbox="allow-forms allow-scripts allow-same-origin"把iframe当做一个沙盒模式来使用,允许那些权限,我是允许他提交表单和脚本执行和同源操作

  ⑵ 调用父级框函数:window.parent.window.xx();   变量 :window.parent.window.parentValue;

  ⑶ 父级调用ifream函数:window.frames["iframe_ID"].window.xx();   window.frames["iframe_ID"].window.childValue;

  ⑷ 关闭执行函数:判断ifream 是否还存在  

原文地址:http://www.manongjc.com/article/19445.html