angular中取得內建服務取得本機的資訊的方法
- 一个新手原創
- 2017-10-14 09:10:381640瀏覽
之前我們用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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn