Home > Article > Web Front-end > JavaScript obtains HTTP information in the navigation bar example sharing

JavaScript obtains HTTP information in the navigation bar example sharing

小云云Original: 2018-01-26 11:51:181332browse

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!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Summary of methods for adding elements to JS arraysNext article：Summary of methods for adding elements to JS arrays

See more

JavaScript obtains HTTP information in the navigation bar example sharing

Related articles