Web Front-end
JS Tutorial
JavaScript obtains HTTP information in the navigation bar example sharing
JavaScript obtains HTTP information in the navigation bar example sharing
This article mainly introduces in detail how JavaScript can obtain the HTTP information in the navigation bar. It has certain reference value. Interested friends can refer to it. I hope it can help everyone.
1. The annotated part in the style is to obtain the information in HTTP
2. The display effect in the body is:
1). When opening the page, the input will pop up automatically. Prompt box
2) When you click delete, a warning box will pop up
When you click OK, the information will be deleted
When you click Cancel, the information will not be deleted
code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<!-- JavaScript代码 -->
<script>
// console.log("URL地址: " + window.location.href);
// console.log("主机名: " + window.location.hostname);
// console.log("端口: " + window.location.port);
// console.log("主机: " + location.host); // 主机名+端口
// console.log("协议: " + location.protocol);
// console.log("路径: " + location.pathname);
// console.log("有效的宽度（单位：像素）: " + screen.availWidth);
// console.log("有效的高度（单位：像素）: " + screen.availHeight);
// console.log("每个像素颜色的位数: " + screen.colorDepth);
// document.write("官方浏览器代码名的字符串的表示：" + navigator.appCodeName + "<br/>");
// document.write("官方浏览器名的字符串的表示：" + navigator.appName + "<br/>");
// document.write("用户代理：" + window.navigator.userAgent + "<br/>");
// document.write("版本信息：" + window.navigator.appVersion + "<br/>");
// document.write("浏览器所在的计算机的平台：" + window.navigator.platform + "<br/>");
// document.write("Cookie：" + window.navigator.cookieEnabled + "<br/>");
</script>
</head>
<body>
<script>
function remove() {
var r = confirm("确定要删除吗？");
console.log(r);
}
prompt("您几岁？");
</script>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
<tr>
<td>张三</td>
<td>19</td>
<td><input type="button" value="删除" onclick="return remove();"/></td>
</tr>
<tr>
<td>李四</td>
<td>18</td>
<td><input type="button" value="删除" onclick="return remove();"/></td>
</tr>
<tr>
<td>王五</td>
<td>20</td>
<td><input type="button" value="删除" onclick="return remove();"/></td>
</tr>
<tr style="display: none">
<td>赵六</td>
<td>21</td>
<td><input type="button" value="删除" onclick="return remove();"/></td>
</tr>
<tr>
<td>孙七</td>
<td>20</td>
<td><input type="button" value="删除" onclick="return remove();"/></td>
</tr>
</table>
</body>
</html>The above is the detailed content of JavaScript obtains HTTP information in the navigation bar example sharing. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Recommended: Excellent JS open source face detection and recognition project
Apr 03, 2024 am 11:55 AM
Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side
Understand common application scenarios of web page redirection and understand the HTTP 301 status code
Feb 18, 2024 pm 08:41 PM
Understand the meaning of HTTP 301 status code: common application scenarios of web page redirection. With the rapid development of the Internet, people's requirements for web page interaction are becoming higher and higher. In the field of web design, web page redirection is a common and important technology, implemented through the HTTP 301 status code. This article will explore the meaning of HTTP 301 status code and common application scenarios in web page redirection. HTTP301 status code refers to permanent redirect (PermanentRedirect). When the server receives the client's
Simple JavaScript Tutorial: How to Get HTTP Status Code
Jan 05, 2024 pm 06:08 PM
JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest
The relationship between js and vue
Mar 11, 2024 pm 05:21 PM
The relationship between js and vue: 1. JS as the cornerstone of Web development; 2. The rise of Vue.js as a front-end framework; 3. The complementary relationship between JS and Vue; 4. The practical application of JS and Vue.
How to implement HTTP streaming using C++?
May 31, 2024 am 11:06 AM
How to implement HTTP streaming in C++? Create an SSL stream socket using Boost.Asio and the asiohttps client library. Connect to the server and send an HTTP request. Receive HTTP response headers and print them. Receives the HTTP response body and prints it.
What status code is returned for an HTTP request timeout?
Feb 18, 2024 pm 01:58 PM
The HTTP request times out, and the server often returns the 504GatewayTimeout status code. This status code indicates that when the server executes a request, it still fails to obtain the resources required for the request or complete the processing of the request after a period of time. It is a status code of the 5xx series, which indicates that the server has encountered a temporary problem or overload, resulting in the inability to correctly handle the client's request. In the HTTP protocol, various status codes have specific meanings and uses, and the 504 status code is used to indicate request timeout issues. in customer
How to get HTTP status code in JavaScript the easy way
Jan 05, 2024 pm 01:37 PM
Introduction to the method of obtaining HTTP status code in JavaScript: In front-end development, we often need to deal with the interaction with the back-end interface, and HTTP status code is a very important part of it. Understanding and obtaining HTTP status codes helps us better handle the data returned by the interface. This article will introduce how to use JavaScript to obtain HTTP status codes and provide specific code examples. 1. What is HTTP status code? HTTP status code means that when the browser initiates a request to the server, the service
How to solve HTTP 503 error
Mar 12, 2024 pm 03:25 PM
Solution: 1. Retry: You can wait for a period of time and try again, or refresh the page; 2. Check the server load: Check the server's CPU, memory and disk usage. If the capacity limit is exceeded, you can try to optimize the server configuration or increase the capacity. Server resources; 3. Check server maintenance and upgrades: You can only wait until the server returns to normal; 4. Check network connection: Make sure the network connection is stable, check whether the network device, firewall or proxy settings are correct; 5. Ensure cache or CDN configuration Correct; 6. Contact the server administrator, etc.
