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 是否还存在
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android自定义控件之刻度尺控件
- Android 使用Vibrator服务实现点击按钮带有震动效果
- sprintf函数的使用
- Android实现定时任务及闹钟
- Android使用ftp方式实现文件上传和下载功能
- slenium模拟登陆知乎2020
- Android两种轮询的实现方法
- 汉诺塔问题
- Android实现雷达View效果的示例代码
- Android Studio 创建自定义控件的方法
- Android实现轮询的三种方式
- Flutter 状态管理的实现
- Android FTP服务器上传文件攻略(代码详解)
- Android 集成 google 登录并获取性别等隐私信息的实现代码
- android通过servlet上传文件到服务器