cari

Rumah >hujung hadapan web >tutorial js >JavaScript获取导航条中HTTP信息实例分享

JavaScript获取导航条中HTTP信息实例分享

小云云
小云云asal
2018-01-26 11:51:181417semak imbas

本文主要为大家详细介绍了JavaScript如何获取到导航条中HTTP信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

1、style中带有注释的部分为获取HTTP中的信息

2、body中显示效果为：

1）、打开页面是自动弹出输入提示框
2）、点击删除时，会有警告框弹出

   点击确定时，删除信息
   点击取消时，不删除信息

代码

<!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>

Atas ialah kandungan terperinci JavaScript获取导航条中HTTP信息实例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JS数组添加元素方法总结Artikel seterusnya：关于对象合并功能的实现详解

Artikel berkaitan

Lihat lagi