獲得windows對象如url,連接埠號碼等,定時顯示出來

最後更新：2017-10-15 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：har 部分 var fun on() angular nbsp width col

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <script type="text/javascript" src="angular.js" ></script>
       <script>
           var app = angular.module("myapp",[]);
           app.controller("myctrl",function($scope,$timeout){
                //擷取寬度
                var wd = window.screen.width;
                $timeout(function(){
                    $scope.widths = wd;
                },2000);

                //擷取高度
                var hg = window.screen.height;
                $timeout(function(){
                    $scope.heights = hg;
                },2000);

                //擷取title
                var tt = document.getElementById("biaoti").innerHTML;
                $timeout(function(){
                    $scope.titles = tt;
                },3000);

                //擷取url協議
                var ur = window.location.protocol;
                $timeout(function(){
                    $scope.urls = ur;
                },3000);

                //擷取url主機
                var hs = window.location.host;
                $timeout(function(){
                    $scope.urlss = hs;
                },3000);

                //擷取連接埠號碼
                var po = window.location.port;
                 $timeout(function(){
                    //$scope.dkhs = po;
                    var cf = confirm("是否顯示連接埠號碼");
                    if(cf==true){
                       $scope.dkhs = po;
                    }
                },5000);

                //擷取URL的hash部分
                var ha = window.location.pathname.hash;
                $timeout(function(){
                    //$scope.dkhs = po;
                    var cf = confirm("是否顯示URL的hash部分");
                    if(cf==true){
                       $scope.hashs = ha;
                    }
                },5000);

                //擷取訪問地址
                var pn = window.location.pathname;
               $timeout(function(){
                    //$scope.dkhs = po;
                    var cf = confirm("是否顯示訪問地址");
                    if(cf==true){
                       $scope.dzs = pn;
                    }
                },5000);

            });

       </script>
       <title id="biaoti">123</title>
   </head>
   <body ng-app="myapp" ng-controller="myctrl">
       <p>頻幕寬度是:{{widths}}</p>
       <p>頻幕高度度是:{{heights}}</p>
       <p>頁面title是:{{titles}}</p>
       <p>URL協議是:{{urls}}</p>
       <p>URL主機是:{{urlss}}</p>
       <p>連接埠號碼是:{{dkhs}}</p>
       <p>URL的hash部分是:{{hashs}}</p>
       <p>訪問地址是:{{dzs}}</p>
   </body>
</html>

獲得windows對象如url,連接埠號碼等,定時顯示出來

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More