您现在的位置是:首页 > 其他

李清波 2015-10-19 其他 1767 复制当前网址

asyncbox html

  • 窗口名:

  • 【内容窗口框】

  • 函数调用:

  • 【命名空间】asyncbox.html(options);

  • 参数配置:


  • --------------------------标识--------------------------

  • - id [可选] (String)

  •    └ 窗口 ID。

  •    └ 设置后可防止重复弹出。如不设,为自动标识。获取不到时需设置指定 ID,用 asyncbox.close("窗口ID") 方法关闭。


  • --------------------------内容--------------------------

  • - content (String,object)

  •    └ 需要显示的内容。可以是字符串、标签、具有 innerHTML 属性的 dom 对象。

  • - title [可选] (String)

  •    └ 窗口标题。


  • --------------------------尺寸--------------------------

  • - width (Number,String)

  •    └ 宽度。如:传入数字 400 为窗口内容区域宽度,传入带 px 后缀字符串为窗口整体宽度。

  •    └ 默认值:'auto'。

  • - height (Number,String)

  •    └ 高度。如:传入数字 300 为窗口内容区域高度,传入带 px 后缀字符串为窗口整体高度。

  •    └ 默认值:'auto'。


  • --------------------------坐标--------------------------

  • - top [可选] (Number)

  •    └ 相对 top 坐标。

  • - left [可选] (Number)

  •    └ 相对 left 坐标。

  • - right [可选] (Number)

  •    └ 相对 right 坐标。

  • - bottom [可选] (Number)

  •    └ 相对 bottom 坐标。


  • --------------------------视觉--------------------------

  • - drag [可选] (bool)

  •    └ 拖动窗口。

  •    └ 默认值:true。

  • - fixed [可选] (bool)

  •    └ 固定窗口。

  •    └ 默认值:false。

  • - flash [依赖 reset 项] (bool)

  •    └ 动画,受全局配置影响。

  •    └ 默认值:false。

  • - reset [可选] (bool)

  •    └ 重设位置。

  •    └ 默认值:false。

  • - modal [可选] (bool)

  •    └ 模态(遮罩层),一定程度上屏蔽用户对本窗口以外的操作。

  •    └ 默认值:false。


  • --------------------------布局--------------------------

  • - ctrlbar [可选] (options) 

  •    └ 控制栏。目前本版本只有一个右上角关闭按钮,如不需要该按钮,可以 ctrlbar : { close : false } 不显示

  • - buttons [可选] (options) 

  •    └ 窗口脚部按钮栏。


  • --------------------------事件--------------------------

  • - callback function(action){}

  •    └ 回调函数(仅对 AsyncBox 的按钮有效)。该事件与 onbeforeunload 事件相似,均在窗口关闭之前执行。

  •      └ 返回 1 个参数:

  •      └ 1、buttonResult 返回按钮的结果值。通过判断此值来确定被按下的按钮。

  • - onload [可选] function(){} 

  •    └ 窗口内容加载完毕后执行。

  •      └ 无返回参数

  • - unload [可选] (function) 

  •    └ 窗口从文档中删除后执行。



AsyncBox 代码:

显示普通 html 内容:

asyncbox.html({
   content :"接受静态的字符串和 html 标签"
 });

显示一个隐藏 DIV 中的内容:

asyncbox.html({
   content : document.getElementById("panel")
 });
以上示例主要列出了比较特殊的配置,剩下的选项可以自己参考 open() 方法的参数进行尝试。


文章来源:https://liqingbo.com/blog-997.html

上一篇:asyncbox open

下一篇:AsyncBox iframe

评论