首頁 > web前端 > js教程 > 主體

angular中取得內建服務取得本機的資訊的方法

一个新手
發布: 2017-10-14 09:10:38
原創
1621 人瀏覽過

之前我們用angular設定了一個計時器,今天我們就根據定時器進行一些練習。

使用內建服務取得以下資訊:

#1.取得螢幕高度

##2.取得螢幕寬度

3.

取得頁面title4.取得

URL

協定

5.取得URL主機6.取得連接埠號碼

7.取得#URLhash

部分

8.

取得存取位址,即URL位址

其他需求:

#1.高度和寬度開啟頁面2秒後顯示出來

2.title,協議,主機在開啟頁面3秒後顯示出來

3.連接埠號,url位址在開啟頁面5秒之後,彈出提示框詢問是否顯示,若點選是,則顯示出來,否則不顯示############原始碼:################ ########
<!DOCTYPE html><html><head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title>day12日考</title></head><body ng-app="myApp"><p ng-controller="myCtrl">
    <p>屏幕有效的宽度(单位:像素):{{ width }}</p>
    <p>屏幕有效的高度(单位:像素):{{ height }}</p>
    <p>页面title:{{ title }}</p>
    <p>URL主机:{{ host }}</p>
    <p>URL协议:{{ protocol }}</p>
    <p>端口:{{ port }}</p>
    <p>URL的hash部分:{{ hash }}</p>
    <p>URL地址:{{ href }}</p></p><script>
    var nowtime = function () {        return new Date().toLocaleDateString() + " " + new Date().toLocaleTimeString();
    };    var app = angular.module("myApp", []);    app.controller("myCtrl", function ($scope, $interval, $timeout) {
        $interval(function () {
            $scope.width = screen.availWidth;
            $scope.height = screen.availHeight;
        }, 2000);

        $timeout(function () {
            $scope.title = document.title;
            $scope.host = location.host;
            $scope.protocol = location.protocol;
        }, 3000);

        $timeout(function () {            var msg = "是否显示?";            if (confirm(msg)==true){
                $scope.port = window.location.port;
                $scope.hash = location.hash;
                $scope.href = window.location.href;
            }else{                alert("你选择了不展示");
            }
        }, 5000);
    });</script></body></html>
登入後複製

以上是angular中取得內建服務取得本機的資訊的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!