javascript 窗口操作

来源:互联网 发布:阿里云域名免备案 编辑:程序博客网 时间:2024/06/06 05:55

 function movebyBrowser() {
            window.moveBy(10, 10); //浏览器向右移动10,再向下移动10
        }
        function moveToBrowser() {
            window.moveTo(100, 100); //移动浏览器到指定位置
        }
        function resizeByBrowser() {
            window.resizeBy(-10,-10);//改变浏览器大小
        }
        //setInterval(resizeByBrowser,1000);//每一秒执行一次,也就是缩小10
        function resizeToBrowser() {
            window.resizeTo(10, 10); //改变浏览器大小到指定大小
        }

function ShowWidthHeight() {
            alert('浏览器的位置:距离左边缘:' + window.screenLeft + ';距离上边缘' + window.screenTop);
            //alert('屏幕的宽度为:' + window.screen.width + ';高度为:' + window.screen.height);
        }
        function browserMax() {
            //设置浏览器窗口最大化
            window.resizeTo(window.screen.width,window.screen.height);
        }
        function openNew() {
            //打开新窗口,并把值传给新窗口
            var name = document.getElementById('text1').value;
            if (name.length > 0) {
                window.open('ChildWindow.aspx‘, '', 'height=800px; width=800px;left=250px;top=200px');
            }
        }
        function closeNew() {
            newWindow.close();//关闭新窗口
        }

 

 

        <input id="Button2" type="button" value="移动浏览器"  onclick="movebyBrowser()"/>
        <input id="Button3" type="button" value="移动浏览器到指定位置"  onclick="moveToBrowser()"/>
        <input id="Button4" type="button" value="改变浏览器大小"  onclick="resizeByBrowser()"/>
        <input id="Button5" type="button" value="改变浏览器大小到指定大小"  onclick="resizeToBrowser()"/>
        <br />
        <input id="Button9" type="button" value="打开新窗口" onclick="openNew()" />
        <input id="Button7" type="button" value="关闭新窗口" onclick="closeNew()" />
        <input id="Button6" type="button" value="浏览器的位置和屏幕的大小" onclick="ShowWidthHeight()" />
        <input id="Button8" type="button" value="设置浏览器窗口最大化" onclick="browserMax()" />

原创粉丝点击