适合于IE6 SP1的无边框网页－－仍然需要改进，但对于基本应用应该可用了-优快云博客

该博客主要围绕IE6 SP1无边框窗口展开，给出了创建无边框窗口的JScript代码，包含窗口大小、位置、内容等设置。原版代码存在脚本变量溢出问题，修改后的代码虽解决了该问题，但在WinXP下多次点击仍可能出错，还给出了窗口拖动等交互功能的代码。

<HTML>

<title>Chromeless Window</title>

/**//*

This following code are designed and writen by Windy_sk <windy_sk@126.com>

You can use it freely, but u must held all the copyright items!

2003-12-23 modified

Special Thanks For andot

var CW_width = 400;

var CW_height = 300;

var CW_top = 100;

var CW_left = 100;

var CW_url = "./default.htm";

var New_CW = window.createPopup();

var CW_Body = New_CW.document.body;

var content = "";

var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";

function insert_content()

{

var temp = "";

CW_Body.style.overflow = "hidden";

CW_Body.style.backgroundColor = "white";

CW_Body.style.border = "solid black 1px";

temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";

temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' ondblclick=\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" onmouseup='parent.drag_up(event)' onmousemove='parent.drag_move(event)' onmousedown='parent.drag_down(event)' onselectstart='return false' oncontextmenu='return false'>";

temp += "<td style='color:#ffffff;padding-left:5px'> 无边框窗口 For IE6 SP1 </td>";

temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";

temp += "<span id=Help onclick=\"alert('无边框窗口 For IE6 SP1 - Ver 1.0\\n\\n Source Code By Windy_sk\\n\\nSpecial Thanks For andot\\n\\n Second Edit by SGSOFT')\" style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>";

temp += "<span id=Min onclick='parent.New_CW.hide();parent.blur()' style=\""+CSStext+"font-family:Webdings;\" title='Minimum'>0</span>";

temp += "<span id=Max onclick=\"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" style=\""+CSStext+"font-family:Webdings;\" title='Maximum'>1</span>";

temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=\""+CSStext+"font-family:System;padding-right:2px;\" title='Close'>x</span>";

temp += "</td></tr><tr><td colspan=2>";

temp += "<div>";

temp += "<object id='include' style='overflow:scroll; HEIGHT: 100%; width:"+CW_width+"';border:0px' type='text/html' data='"+CW_url+"'></object>";

temp += "</div>";

temp += "</td></tr></table>";

CW_Body.innerHTML = temp;

}

/**//*

原版函数，会出现脚本变量溢出错误

insert_content();

var if_max = true;

function show_CW(){

window.moveTo(10000, 10000);

if(if_max){

New_CW.show(CW_top, CW_left, CW_width, CW_height);

if(typeof(New_CW.document.all.include)!="undefined"){

New_CW.document.all.include.style.width = CW_width;

New_CW.document.all.Max.innerText = "1";

}

}else{

New_CW.show(0, 0, screen.width, screen.height);

New_CW.document.all.include.style.width = screen.width;

}

//----------------------------------------

/**//*

修改后的函数，解决了脚本溢出问题，但是在WinXP下，多次重复点击，仍然有可能出现错误

var if_max = true;

setTimeout("insert_content()",500);

function show_CW()

{

window.moveTo(10000, 10000);

if(if_max || New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)

{

New_CW.show(CW_top, CW_left, CW_width, CW_height);

New_CW.document.all.include.style.width = CW_width;

New_CW.document.all.Max.innerText = 2;

}else

{

New_CW.show(0, 0, screen.width, screen.height);

New_CW.document.all.include.style.width = screen.width;

}

//-----------------------------------------

window.onfocus = show_CW;

window.onresize = show_CW;

// Move Window

var drag_x,drag_y,draging=false

function drag_move(e)

{

if (draging)

{

New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);

return false;

}

function drag_down(e)

{

if(e.button==2)return;

if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;

drag_x=e.clientX;

drag_y=e.clientY;

draging=true;

e.srcElement.setCapture();

}

function drag_up(e)

{

draging=false;

e.srcElement.releaseCapture();

if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;

CW_top = e.screenX-drag_x;

CW_left = e.screenY-drag_y;

}

</SCRIPT>

</HTML>

default.htm可以是这样:

<html>

<head>

<title>LifeWithDVD</title>

<!--

function btn_onclick() {

//window.close();

alert(Text3.value+Text1.value);

return false;

}

//-->

</script>

</head>

<body>

<Div>

User Name<INPUT id="Text3" type="text" name="Text1"><br>

Password <INPUT id="Text1" type="text" name="Text1"><br>

</Div>

</body>

</html>