关闭
异步赠书：9月重磅新书升级，本本经典      SDCC 2017之区块链技术实战线上峰会      程序员9月书讯      每周荐书：ES6、虚拟现实、物联网（评论送书）

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

标签： functioninputhtmlbuttonurl
2007-09-21 10:11 937人阅读 评论(0) 收藏 举报
分类：

父类(主/打开)窗口中代码为:

 

 

 

<html>
<head><title>父类窗口</title>
<script type="text/javascript">
var s,oRes;
 function openwin(url)
 {
     s=window.open("child.htm");    
    oRes=s.document.getElementById("txt");
    //文本改变时还回
    //oRes.onchange=function(){
    //alert("text changed");
    //document.getElementById("txtRet").value=oRes.value;}
    //子窗口关闭时还回,另一种方法传参数
    //var btnChild=s.document.getElementById("btnSubmit");
    //btnChild.onclick=function(){
    //alert("btn clicked");
    //document.getElementById("txtRet").value=oRes.value;}
 }
 function childclose(txt)
{
    document.getElementById("txtRet").value=txt;
}
</script>
<body>
<form>
<input type="text" id="txtRet" name="txtRet" />
<input type="button" value="按钮" onclick="openwin('child.htm')" />
</form>
</body>
</html>

 

在之类弹出窗口加入resizeto(window.clientWidth,window,clientHeight)代码：

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>子类窗口</title>
    <script type="text/javascript">
    window.open=function() {
        if(window.opener)
            {
           width=document.body.clientWidth+33;
           height=document.body.clientHeight+50;
           window.resizeTo(width,height);
       }
    }    
    </script>
</head>
<body style="margin:0px;" onload="win_onLoad()">
<input type="text" id="txt" name="txt" />
<input type="button" id="btnSubmit" name="btnSubmit" value="确定" />
<script type="text/javascript">
btnSubmit.onclick=function(){
        if(window.opener)
        {
            window.opener.childclose(document.getElementById("txt").value);
            window.setTimeout(function(){self.close();},500);
        }
        else
        {
            self.close();
        }
    }
</script>
</body>
</html>

 

 referrence:http://topic.csdn.net/t/20040623/09/3114967.html

顶
0
踩
0
 
 

  相关文章推荐
查看评论
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
    个人资料
    • 访问：397586次
    • 积分：6313
    • 等级：
    • 排名：第4025名
    • 原创：196篇
    • 转载：121篇
    • 译文：1篇
    • 评论：55条
    文章分类