angular中获取内置服务获取本机的信息的方法
之前我们用angular设置了一个定时器，今天我们就根据定时器进行一些练习。
使用内置服务获取以下信息：
1.获取屏幕高度
2.获取屏幕宽度
3.获取页面title
4.获取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中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何在Python中获取文件扩展名？
Sep 08, 2023 pm 01:53 PM
Python中的文件扩展名是附加在文件名末尾的后缀，用于表示文件的格式或类型。它通常由三个或四个字符组成，文件名后跟一个句点，例如“.txt”或“.py”。操作系统和程序利用文件扩展名来确定文件的类型以及应如何处理它。被识别为纯文本文件。Python中的文件扩展名在读取或写入文件时至关重要，因为它建立了文件格式以及读取和写入数据的最佳方法。例如，“.csv”文件扩展名是读取CSV文件时使用的扩展名，而csv模块则用于处理该文件。Python中获取文件扩展名的算法在Python中操作文件名字符串来
如何在Ubuntu 24.04上安装Angular
Mar 23, 2024 pm 12:20 PM
Angular.js是一种可自由访问的JavaScript平台，用于创建动态应用程序。它允许您通过扩展HTML的语法作为模板语言，以快速、清晰地表示应用程序的各个方面。Angular.js提供了一系列工具，可帮助您编写、更新和测试代码。此外，它还提供了许多功能，如路由和表单管理。本指南将讨论在Ubuntu24上安装Angular的方法。首先，您需要安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境，可让您在服务器端运行JavaScript代码。要在Ub
谷歌安全码在哪里获取
Mar 30, 2024 am 11:11 AM
谷歌验证器是一种用于保护用户账户安全的工具，其密钥是用于生成动态验证码的重要信息。如果忘记了谷歌验证器的密钥，只能通过安全码进行验证，那么下文本站小编就将为大家带来谷歌安全码在哪里获取的详细内容介绍，希望能帮助到大家，想要了解的用户们就请跟着下文继阅读吧！首先打开手机设置，进入设置页面。下拉页面，找到Google。进入Google页面，点击Google账号。进入账号页面，点击验证码下方的查看。输入密码或者使用指纹验证身份。获得Google安全码，利用安全码验证谷歌身份。
远程桌面连接服务用命令打开方法
Dec 31, 2023 am 10:38 AM
远程桌面连接给很多用户的日常生活带来了方便，也有部分想使用命令来进行远程连接，操作起来更方便，那么该怎么连接呢？远程桌面连接服务用命令打开方法可以帮你解决。远程桌面连接命令怎么设置：方法一、通过运行命令远程连接1、按下“Win+R”打开“运行”输入mstsc2、然后点击“显示选项”3、输入ip地址点击“连接”。4、显示正在连接即可。方法二、通过命令提示符远程连接1、按下“Win+R”打开“运行”输入cmd2、在“命令提示符”输入mstsc/v:192.168.1.250/console
Linux 重启服务的正确方式是什么？
Mar 15, 2024 am 09:09 AM
Linux重启服务的正确方式是什么？在使用Linux系统时，经常会遇到需要重启某个服务的情况，但是有时候我们可能会在重启服务时遇到一些问题，比如服务没有真正停止或启动等情况。因此，掌握正确的重启服务的方式是非常重要的。在Linux中，通常可以使用systemctl命令来管理系统服务。systemctl命令是systemd系统管理器的一部分
Angular组件及其显示属性：了解非block默认值
Mar 15, 2024 pm 04:51 PM
Angular框架中组件的默认显示行为不是块级元素。这种设计选择促进了组件样式的封装，并鼓励开发人员有意识地定义每个组件的显示方式。通过显式设置CSS属性 display，Angular组件的显示可以完全控制，从而实现所需的布局和响应能力。
真我 12 Pro怎么安装双卡？
Mar 18, 2024 pm 02:10 PM
虽然说国产手机的大致操作是很相似的，但是在有的细节上面还是会有些区别的，比如说不同的手机型号和制造商可能会有不同的双卡安装方式。二真我12Pro这款新手机也是支持双卡双待的，但是这款手机具体又应该怎么安装双卡呢？真我12Pro怎么安装双卡？在安装之间记得先把手机关机哟。步骤一查找SIM卡托盘：查找手机的SIM卡托盘,通常，在真我12Pro中，SIM卡托盘位于手机的侧边或顶部。步骤二插入第一张SIM卡，使用专用的SIM卡针或一个细小的物体，将其插入SIM卡托盘中的开槽,然后，将第一张SIM卡小心地
Ubuntu PHP服务无法正常启动的解决办法
Feb 28, 2024 am 10:48 AM
标题：解决Ubuntu下PHP服务无法正常启动的方法及具体代码示例在使用Ubuntu搭建网站或应用程序时，经常会遇到PHP服务无法正常启动的问题，这会导致网站无法正常访问或应用程序无法正常运行。本文将介绍如何解决Ubuntu下PHP服务无法正常启动的问题，同时提供具体的代码示例帮助读者快速解决此类故障。一、检查PHP配置文件首先，我们需要检查PHP的配置文件
