zoukankan      html  css  js  c++  java
  • 关于窗口的一些小脚本

    一般窗口分为两种情况 :

    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 是否还存在  

  • 相关阅读:
    ThinkPHP(3.2)搭建简单留言板项目
    phpmailer 发送邮件
    smtp协议
    反向Ajax原理和模型(燕十八php笔记)
    全部选中复选框
    Ajax大文件切割上传
    ajax上传文件带进度条的思路
    ajax返回值
    Sublime 中文乱码问题
    AndroidStudio 问题点
  • 原文地址:https://www.cnblogs.com/web-snper/p/9996694.html
Copyright © 2011-2022 走看看