JavaScript obtains HTTP information in the navigation bar example sharing-JS Tutorial-php.cn

JavaScript obtains HTTP information in the navigation bar example sharing

小云云

Release： 2018-01-26 11:51:18

Original

1383 people have browsed it

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>

Copy after login

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!