CODE 项目整体迁移至码云平台(https://gitee.com)公告
盖世尘埃 / HouFrame JavaScript

HouFrame - WEB前端多标签窗口组件。

HouFrame WEB前端多标签窗口 html js ui
拷贝地址

项目最近一次提交:大约 3 年 前 01c0ce87c

文件列表 提交日期 作者 提交信息 提交编号
themes / 2014-07-08 16:28:44 No_avatar Houniter 调整默认不显示刷新和清空按钮 01c0ce87
.project 2014-07-06 02:30:58 No_avatar Houniter Init !!! 2a247b03
JQ.js 2014-07-06 13:50:33 No_avatar Houniter Init !!! 7586b5ba
README.md 2014-07-06 15:32:25 No_avatar Houniter revise d685f426
houframe.htm 2014-07-06 02:20:43 No_avatar Houniter Init !!! 4d648019
houframe.js 2014-07-08 16:28:44 No_avatar Houniter 调整默认不显示刷新和清空按钮 01c0ce87

README.md


HouFrame - WEB前端多标签窗口组件

通用:WEB前端多标签窗口组件。语言无关性,通用于JSP、PHP、ASP、ASP.NET等。

轻量:不干扰原WEB工程代码风格。

兼容:IE6+、FF30+、Chrome35+、Opera22+、Safari5.3+。


引用方法

01.解压组件:将本组件下载解压后为如下结构

   -houframe
       -houframe.htm
       -houframe.js
       -JQ.js
       -themes
           -houtheme
               -houtheme.css
               -headback.png
               -clearall.png
               -renewone.png
               -showlist.png

02.拷入引用:将本组件根目录houframe整体拷入目标工程,然后通过使用一个iframe即可使用本组件

   <iframe id="useriframe" name="useriframe" src="houframe.htm"></iframe>

   注意:引用时请检查iframe的src的正确性

03.新建标签:通过您的相关操作(例如:菜单点击)在组件中新开一个标签窗口

   window.frames["useriframe"][0].contentWindow.newframe("http://www.xxx.com","新的标签名称");

   说明:此为调用组件的newframe方法来实例化打开一个新的标签窗口
        第一个参数为"新的窗口路径",第二个参数为"新的标签名称"(该参亦可不传,此时组件会读取新窗口的title生产标题)。

04.更多说明

   通常来说,整个组件的使用有前3步就足够了,只要您能顺利实例打开窗口就OK,其它的功能组件已经替您做到了。
   其它的功能还包括:单个关闭,单个刷新,全部关闭,窗口列表,切换焦点等,您可以查看源码进行了解。

HouFrame

侯统雄 - Houniter | Houniter@163.com