木子屋
 

标题: 根据内容自动调整弹出窗口大小的JS解决方案

作者: dnawo

日期: 2007-02-07 01:33 PM

分类: 脚本语言

内容: 一、脚本代码
复制内容到剪贴板 程序代码<script language=javascript>
function win_onLoad(){
    var width = document.all["tblList"].offsetWidth;    
    var height = document.all["tblList"].offsetHeight;
    
    width = eval(width + 50);
    height = eval(height + 50);
    
    if (width < 500)
        width = 500;
    else if (width > screen.width)
        width = screen.width;
    
    if (height < 500)
        height = 500;
    else if (height > screen.height)
        height = screen.height;
    
    window.resizeTo(width,height);
}
</script>
说明：
        在弹出的页面中添加一JS脚本方法win_onLoad()，在body的onload方法中引用win_onLoad()，在body中添加表，表的id取名为tbllist，窗口的大小就是这个table的大小在宽和高上分别加50。
        窗口弹出时，父窗口设定的大小如果小于500的则弹出的窗口为500，大于的则是原来大小，弹出窗口的内容如果大于本来的大小则自适应窗口的大小。
二、应用举例
HTML代码
function win_onLoad(){
var width = document.all["tblList"].offsetWidth;
var height = document.all["tblList"].offsetHeight;

width = eval(width + 50);
height = eval(height + 50);

if (width screen.width)
width = screen.width;

if (height screen.height)
height = screen.height;

window.resizeTo(width,height);
}
木子屋：www.mzwu.com

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

+ 查看当前日志评论 (1)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.047 ms

标题: 根据内容自动调整弹出窗口大小的JS解决方案

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.047 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.047 ms