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>Atas ialah kandungan terperinci angular中获取内置服务获取本机的信息的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Bagaimana untuk mendapatkan sambungan fail dalam Python?
Sep 08, 2023 pm 01:53 PM
Sambungan fail dalam Python ialah akhiran yang dilampirkan pada penghujung nama fail untuk menunjukkan format atau jenis fail. Ia biasanya terdiri daripada tiga atau empat aksara, nama fail diikuti dengan noktah, seperti ".txt" atau ".py". Sistem pengendalian dan program menggunakan sambungan fail untuk menentukan jenis fail itu dan cara ia harus diproses. Diiktiraf sebagai fail teks biasa. Sambungan fail dalam Python adalah penting semasa membaca atau menulis fail kerana ia menetapkan format fail dan cara terbaik untuk membaca dan menulis data. Sebagai contoh, sambungan fail ".csv" ialah sambungan yang digunakan semasa membaca fail CSV dan modul csv digunakan untuk memproses fail. Algoritma untuk mendapatkan sambungan fail dalam Python Manipulasi rentetan nama fail dalam Python.
Bagaimana untuk memasang Angular pada Ubuntu 24.04
Mar 23, 2024 pm 12:20 PM
Angular.js ialah platform JavaScript yang boleh diakses secara bebas untuk mencipta aplikasi dinamik. Ia membolehkan anda menyatakan pelbagai aspek aplikasi anda dengan cepat dan jelas dengan memanjangkan sintaks HTML sebagai bahasa templat. Angular.js menyediakan pelbagai alatan untuk membantu anda menulis, mengemas kini dan menguji kod anda. Selain itu, ia menyediakan banyak ciri seperti penghalaan dan pengurusan borang. Panduan ini akan membincangkan cara memasang Angular pada Ubuntu24. Mula-mula, anda perlu memasang Node.js. Node.js ialah persekitaran berjalan JavaScript berdasarkan enjin ChromeV8 yang membolehkan anda menjalankan kod JavaScript pada bahagian pelayan. Untuk berada di Ub
Di mana untuk mendapatkan kod keselamatan Google
Mar 30, 2024 am 11:11 AM
Google Authenticator ialah alat yang digunakan untuk melindungi keselamatan akaun pengguna dan kuncinya ialah maklumat penting yang digunakan untuk menjana kod pengesahan dinamik. Jika anda terlupa kunci Google Authenticator dan hanya boleh mengesahkannya melalui kod keselamatan, maka editor tapak web ini akan membawakan anda pengenalan terperinci tentang tempat untuk mendapatkan kod keselamatan Google. Saya harap ia dapat membantu anda tahu lebih lanjut Pengguna sila teruskan membaca di bawah! Mula-mula buka tetapan telefon dan masukkan halaman tetapan. Tatal ke bawah halaman dan cari Google. Pergi ke halaman Google dan klik pada Akaun Google. Masukkan halaman akaun dan klik Lihat di bawah kod pengesahan. Masukkan kata laluan anda atau gunakan cap jari anda untuk mengesahkan identiti anda. Dapatkan kod keselamatan Google dan gunakan kod keselamatan untuk mengesahkan identiti Google anda.
Bagaimana untuk membuka Perkhidmatan Sambungan Desktop Jauh menggunakan arahan
Dec 31, 2023 am 10:38 AM
Sambungan desktop jauh telah membawa kemudahan kepada kehidupan harian ramai pengguna Sesetengah orang ingin menggunakan arahan untuk menyambung dari jauh, yang mana lebih mudah untuk dikendalikan. Perkhidmatan Sambungan Desktop Jauh boleh membantu anda menyelesaikan masalah ini dengan menggunakan arahan untuk membukanya. Cara menyediakan arahan sambungan desktop jauh: Kaedah 1. Sambung dari jauh dengan menjalankan arahan 1. Tekan "Win+R" untuk membuka "Run" dan masukkan mstsc2, kemudian klik "Show Options" 3. Masukkan alamat IP dan klik "Sambung". 4. Ia akan menunjukkan bahawa ia bersambung. Kaedah 2: Sambung dari jauh melalui command prompt 1. Tekan "Win+R" untuk membuka "Run" dan masukkan cmd2 Dalam "Command Prompt" masukkan mstsc/v:192.168.1.250/console.
Apakah cara yang betul untuk memulakan semula perkhidmatan dalam Linux?
Mar 15, 2024 am 09:09 AM
Apakah cara yang betul untuk memulakan semula perkhidmatan dalam Linux? Apabila menggunakan sistem Linux, kami sering menghadapi situasi di mana kami perlu memulakan semula perkhidmatan tertentu, tetapi kadangkala kami mungkin menghadapi beberapa masalah semasa memulakan semula perkhidmatan, seperti perkhidmatan tidak benar-benar berhenti atau bermula. Oleh itu, adalah sangat penting untuk menguasai cara yang betul untuk memulakan semula perkhidmatan. Di Linux, anda biasanya boleh menggunakan perintah systemctl untuk mengurus perkhidmatan sistem. Perintah systemctl adalah sebahagian daripada pengurus sistem systemd
Komponen sudut dan sifat paparannya: memahami lalai bukan blok
Mar 15, 2024 pm 04:51 PM
Tingkah laku paparan lalai untuk komponen dalam rangka kerja Angular bukan untuk elemen peringkat blok. Pilihan reka bentuk ini menggalakkan pengkapsulan gaya komponen dan menggalakkan pembangun untuk secara sedar menentukan cara setiap komponen dipaparkan. Dengan menetapkan paparan sifat CSS secara eksplisit, paparan komponen Sudut boleh dikawal sepenuhnya untuk mencapai reka letak dan responsif yang diingini.
Bagaimana untuk memasang dua kad SIM pada Realme 12 Pro?
Mar 18, 2024 pm 02:10 PM
Walaupun operasi umum telefon mudah alih domestik sangat serupa, masih terdapat beberapa perbezaan dalam beberapa butiran Sebagai contoh, model dan pengeluar telefon mudah alih yang berbeza mungkin mempunyai kaedah pemasangan dwi-SIM yang berbeza. Telefon baharu Erzhenwo 12Pro juga menyokong dwi-SIM siap sedia, tetapi bagaimanakah dwi-SIM perlu dipasang pada telefon ini? Bagaimana untuk memasang dwi SIM pada Realme 12Pro? Ingat untuk mematikan telefon anda sebelum pemasangan. Langkah 1: Cari dulang kad SIM: Cari dulang kad SIM telefon Biasanya, dalam Realme 12 Pro, dulang kad SIM terletak di bahagian tepi atau atas telefon. Langkah 2: Masukkan kad SIM pertama Gunakan pin kad SIM khusus atau objek kecil untuk memasukkannya ke dalam slot dalam dulang kad SIM Kemudian, masukkan kad SIM pertama dengan teliti.
Pengesahan berasaskan token dengan Angular dan Node
Sep 01, 2023 pm 02:01 PM
Pengesahan adalah salah satu bahagian terpenting dalam mana-mana aplikasi web. Tutorial ini membincangkan sistem pengesahan berasaskan token dan cara ia berbeza daripada sistem log masuk tradisional. Pada penghujung tutorial ini, anda akan melihat demo berfungsi sepenuhnya yang ditulis dalam Angular dan Node.js. Sistem Pengesahan Tradisional Sebelum beralih kepada sistem pengesahan berasaskan token, mari kita lihat sistem pengesahan tradisional. Pengguna memberikan nama pengguna dan kata laluan mereka dalam borang log masuk dan klik Log Masuk. Selepas membuat permintaan, sahkan pengguna di bahagian belakang dengan menanyakan pangkalan data. Jika permintaan itu sah, sesi dibuat menggunakan maklumat pengguna yang diperoleh daripada pangkalan data dan maklumat sesi dikembalikan dalam pengepala respons supaya ID sesi disimpan dalam penyemak imbas. Menyediakan akses kepada aplikasi tertakluk kepada
