在点击一个登录的超链接后,我想弹出一个自定义大小的弹出窗口,虽然我设置了窗口大小,但是360浏览器会自动最大化。我想知道该怎么做才能在一个页面上弹出一个自定义的小窗口用于用户登录。

解决方案 »

  1.   

    extjs         360很邪恶
      

  2.   


    这个你可以弹出一个隐藏div嘛~~~!!!
    为什么非要是窗口呢!!!
      

  3.   

    隐藏div的话,那该怎么设置他显示的位置呢,一般是用绝对定位吗?
      

  4.   

    用window.showModalDialog()或window.showModelessDialog()也行。
      

  5.   

    var url = "自定义链接url";
    var height = 窗口高度;
    var width = 窗口宽度
    showModalDialog(url,param,"dialogHeight:"+height+"px;dialogWidth:"+width+"px; center:Yes;help:No;resizable:No;status:No")
      

  6.   

    window.showModalDialog('../untitled4.html','1111','dialogWidth=700px;dialogHeight=500px;status=no');这个可以了- -@~~还是来晚啦
      

  7.   

    有些浏览器确实是这样,实在没办法的话,就用div模拟一个窗口也行啊。。<html>
    <head>
    <script>
    function reSizeWindow()
    {
    var shadow = document.getElementById("shadow");
    var dialog = document.getElementById("dialog");

    shadow.style.width = parseInt(document.body.clientWidth) + parseInt(document.body.scrollLeft);
    shadow.style.height = parseInt(document.body.clientHeight) + parseInt(document.body.scrollTop);

    dialog.style.left = parseInt(document.body.clientWidth)/2 - parseInt(dialog.style.width)/2 + parseInt(document.body.scrollLeft);
    dialog.style.top = parseInt(document.body.clientHeight)/2 - parseInt(dialog.style.height)/2 + parseInt(document.body.scrollTop);
    }
    function openWindow()
    {
    document.getElementById("shadow").style.display = "block";
    document.getElementById("dialog").style.display = "block";

    reSizeWindow();
    }
    function closeWindow()
    {
    document.getElementById("shadow").style.display = "none";
    document.getElementById("dialog").style.display = "none";
    }
    </script>
    <style type="text/css">
    .dialogStyle
    {
    background:red;
    position:absolute;
    display:none;
    text-align:right;
    z-index:2;
    }
    .shadowStyle
    {
    position:absolute;
    left:0px;
    top:0px;
    display:none;
    filter:alpha(opacity=30);
    opacity:0.3;
    background:gray;
    z-index:1;
    }
    </style>
    </head>
    <body style="margin:0px 0px 0px 0px;">
    <input type="button" onclick="openWindow()" value="open" style="margin-left:100px;margin-top:100px;"/>
    <div id="dialog" class="dialogStyle" style="width:200px;height:200px;">
    <input type="button" value="close" onclick="closeWindow()"/>
    </div>
    <div id="shadow" class="shadowStyle">
    </div>
    <!--width:200px;height:200px;background:red;position:absolute;display:none;text-align:right;z-index:2;-->
    <!--position:absolute;left:0px;top:0px;display:none;filter:alpha(opacity=30);opacity:0.3;background:gray;z-index:1;-->

    <script>
    window.onresize = function()
    {
    reSizeWindow();
    }
    window.onscroll = function()
    {
    reSizeWindow();
    }
    for(var i = 0;i < 100;i++)
    {
    document.write("<br/>"+i);
    }
    </script>
    </body>
    </html>
      

  8.   

    我知道了有div和对话框2种方式实现了。但是div的话感觉比较麻烦,对话框实现的话不怎么熟悉,不知道对常用的浏览器兼容不,不知道一般网站是用那种方式实现的啊?问题基本解决,马上就要结贴了,感谢大家的帮助。