美文网首页
js学习第4天:BOM

js学习第4天:BOM

作者: mapg | 来源:发表于2019-11-27 14:52 被阅读0次

    BOM(Brower Object Model)浏览器对象模型

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <script type="text/javascript">
        
           //=========window=========== //
            function tesConfirm(){
                var rs = window.confirm("是否退出");
                if (rs) {
                    window.alert("88")
                    window.close();
                } else{
                    window.alert("舍不得")
                }
            }
            
            function testPromp(){
                var res = window.prompt("请输入密码");
                alert(res);
            }
            
            //偏移
            function testMoveBy(){
                window.moveBy(50,50);   
            }
            //跳转
            function testMoveTo(){
                window.moveTo(0,250);
            }
            //增加
            function testResizeBy(){
                window.resizeBy(250,250);
            }
            //
            function testResizeTo(){
                window.resizeTo(300,300);
                
            }
            
            function testScrollBy(){
                window.scrollBy(150,50);
            }
            function testScrollTo(){
                window/scrollTo(100,100);
            }
            //打开一个新窗口加载网页地址
            function testOpen(){
                window.open("http://www.baidu.com","name:baidu","left=20,top=30,width=300,location=no,toolbar=no,status=no,resizable=no");
            }
    
            //计时器
            var count = 0;
            function getDate(){
                var d =new Date();
                
                count++;
                if (count>5){
                     window.clearInterval(d);
                     //alert("时间到了");
                     return;
                }else{
                    
                }
                document.getElementById("gtTime").innerHTML = d;
            }
            
            var t = window.setInterval("getDate()",1000);
            
            //=========document  screen navigtor ===========// 
    
            document.write("location.hostname: "+location.href+ "<br/>");
            document.write("location.hostname: "+location.hostname+ "<br/>");
            document.write("location.host: "+location.host+ "<br/>");
            document.write("location.port: "+location.port+ "<br/>");
            document.write("location.protocol: "+location.protocol+ "<br/>");
            
            document.write("screen.availHeight: " +screen.availHeight+ "<br/>");
            document.write("screen.availWidth: " +screen.availWidth+ "<br/>");
            document.write("screen.colorDepth: " +screen.colorDepth+ "<br/>");
            
            document.write("navigator.appCodeName: " + navigator.appCodeName+ "<br/>");
            document.write("navigator.appMinorVersion: " +navigator.appMinorVersion+ "<br/>");
            document.write("navigator.platform: " + navigator.platform+ "<br/>");
            document.write("navigator.useAgent: " +navigator.useAgent+ "<br/>");
            document.write("navigator.cookieEnabled: " +navigator.cookieEnabled+ "<br/>");
    
            document.write("location.hostname: "+location.href+ "<br/>");
            document.write("location.hostname: "+location.hostname+ "<br/>");
            document.write("location.host: "+location.host+ "<br/>");
            document.write("location.port: "+location.port+ "<br/>");
            document.write("location.protocol: "+location.protocol+ "<br/>");
        
        </script>
    
        <body>
    
            第二个页面:
            <!-- ========== history  ============  -->
            <a href="page03.html">第三个页面</a>&nbsp;
            <a href="javascript:history.back()">返回上一页</a>&nbsp;
            <a href="javascript:history.forward()">向前一页</a>&nbsp;
            <a href="javascript:history.go(-1)">返回上一页</a>&nbsp;
            <a href="javascript:history.go(1)">向前一页</a>&nbsp;
    
    
            <input type="button" value="confirm"  onclick="tesConfirm()"/>
            <input type="button" value="prompt"  onclick="testPromp()"/>
            
            <input type="button" value="moveBy"  onclick="testMoveBy()"/>
            <input type="button" value="moveTo"  onclick="testMoveTo()"/>
            <input type="button" value="resizeBy"  onclick="testResizeBy()"/>
            <input type="button" value="resizeTo"  onclick="testResizeTo()"/>
            
            <input type="button" value="scrollBy"  onclick="testScrollBy()"/>
            <input type="button" value="scrollTo"  onclick="testScrollTo()"/>
            
            <input type="button" value="open"  onclick="testOpen()"/>
            
            
            <div id="gtTime"></div>
    
            <!-- 羽格式化 -->
            <pre>
                
                
            
                    
                
            羽化格式信息
    
    
            </pre>
        </body>
    </html>
    
    
    

    相关文章

      网友评论

          本文标题:js学习第4天:BOM

          本文链接:https://www.haomeiwen.com/subject/ygepwctx.html