之前我們用angular設定了一個計時器,今天我們就根據定時器進行一些練習。
使用內建服務取得以下資訊:
#1.取得螢幕高度
##2.取得螢幕寬度
3.取得頁面title4.取得
URL協定
5.取得URL主機6.取得連接埠號碼
7.取得#URL的hash
部分
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中文網其他相關文章!