先了解一下在web开发时候使用js要关闭弹出框的几个简单的应用
window.location.href、location.href 是本页面跳转
parent.location.href 是上一层页面跳转,也就是你在弹出时候的页面。
top.location.href是最外层的页面跳转,你懂得,在有iframe的时候你就知道他不会进入你的iframe的窗体
再就是你要从这个页面跳转到别的父级打开的页面window.parent.parent.location.href=“你定义要跳转的页面”
layer使用
本课题只探讨1.9以上的版本
看看基础参数项:调用时候用到的配置项如:layer.open({content: ''})layer.msg('', {time: 3})不需要所有都去配置,大多数都是可选的。其中layer.open、layer.msg是内置方法。
基础参数:
type - 基本层类型
type:Number,默认:0 5种提供层类型,信息框【0】,页面层【1】,iframe层【2】,加载层【3】,ips【4】层,若你采用layer.open({type: 1})方式调用,则type为必填项。
title:
title - 标题
类型:String/Array/Boolean,默认:'信息'
title支持三种类型的值,若你传入的是普通的字符串,如title :'我是标题',那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title: ['文本', 'font-size:18px;'],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title: false
content - 内容
类型:String/DOM/Array,默认:''
content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。譬如:
/!*
如果是页面层
*/
layer.open({
type: 1,
content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
type: 1,
content: $('#id') //这里content是一个DOM
});
//Ajax获取
$.post('url', {}, function(str){
layer.open({
type: 1,
content: str //注意,如果str是object,那么需要字符拼接。
});
});
/!*
如果是iframe层
*/
layer.open({
type: 2,
content: 'http://sentsin.com' //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
});
/!*
如果是用layer.open执行tips层
*/
layer.open({
type: 4,
content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM
});
skin - 样式类名
类型:String,默认:''
skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名。这是一个很好的切入点,意味着你可以借助skin轻松完成不同的风格定制。目前layer内置的skin有:layui-layer-lanlayui-layer-molv,未来我们还会选择性地内置更多,但更推荐您自己来定义。以下是一个自定义风格的简单例子
来源http://layer.layui.com/api.html#layer.load
分享到:
相关推荐
RNN Layer使用.pdf
openlayer使用方位坐标系显示北极地区地图 openlayer使用方位坐标系显示北极地区地图
layer使用总结
ArcGIS for Android 获取FeatureLayer的图例
jQuery layer 漂亮实用的网页弹出层插件,layer v1.4.1 弹层组件压缩版,这个... 四、jquery必须为1.8或1.8以上版本(原因,更小,性能更好,且新版layer使用了部分jq1.8的特性),下载包里的jquery即为1.8.2下载地址
layer网页弹出层插件,反响相当好的一款JS弹出层插件,layer兼容了包括IE6... 三、jquery必须为1.8或1.8以上版本(原因,更小,性能更好,且新版layer使用了部分jq1.8 的特性),下载包里doc文件里有jquery1.9下载地址
iClient for Openlayer对接MVT矢量瓦片的数据和代码。
关于layer.js的一些用法,功能也只是做一些页面的美化,只是功能上不是专门的提供功能组件的js。
layer-v3.1.1组件使用说明
可拖动图片弹出层插件layer.js
一个基于openlayer创建地图遮罩的前端代码示例。 使用方法 1. 安装依赖 npm i 2. 项目启动 npm start
一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。 二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过layer...
Layer List是Anroid中的一种图形的方式,它是通过叠加若干张图片的方式来形成最终的图片,最终的图片在代码中表现为一个LayerDrawable对象。在android UI 开发中会经常遇到。因此我们有发现好好学习了解它的使用方法...
layer多图片上传,这是作者学习layer框架时自己做的测试例子。
TOP。layer案例
主要介绍了vue项目中使用vue-layer弹框插件的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
一、使用时,请把文件夹 layer 整个放置在您站点的任何一个目录,只需引入 layer.js 即可,除 jQuery 外,其它文件无需再引入。 二、如果您的 js 引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以...
使用选项实例化UPlayer对象 opt.id 元素的ID由UPlayer创建 opt.fps FPS UPlayer将运行 opt.debug 是否使用调试模型运行UPlayer 全屏 是否全屏显示 插头(可选) 将动画模型插入UPlayer opt.id 该插件的ID opt....
layer弹窗:top.layer弹窗到父页面跨域,通过postMessage方法将子页面的配置对象发送到父页面中,父页面再通过子页面的配置对象打开弹窗,对象内不能存在事件。
layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹出层组件,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用。注意事项layer mobile不对iframe提供支持。...