脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript获取导航条中HTTP信息

JavaScript如何获取到导航条中HTTP信息

 更新时间：2017年10月10日 09:34:37   作者：人走丿茶凉  
这篇文章主要为大家详细介绍了JavaScript如何获取到导航条中HTTP信息，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • js实现点击弹窗弹出登录框

    js实现点击弹窗弹出登录框

    这篇文章主要为大家详细介绍了js实现点击弹窗弹出登录框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JS+CSS实现另类带提示效果的竖向导航菜单

    JS+CSS实现另类带提示效果的竖向导航菜单

    这篇文章主要介绍了JS+CSS实现另类带提示效果的竖向导航菜单,可实现鼠标滑过菜单项在下方固定区域显示对应提示文字的效果,涉及鼠标事件控制页面元素样式的相关技巧,需要的朋友可以参考下
    2015-10-10
  • JavaScript弹出新窗口后向父窗口输出内容的方法

    JavaScript弹出新窗口后向父窗口输出内容的方法

    这篇文章主要介绍了JavaScript弹出新窗口后向父窗口输出内容的方法,涉及javascript窗口操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • js实现延迟加载的方法

    js实现延迟加载的方法

    这篇文章主要介绍了js实现延迟加载的方法,涉及javascript中setTimeout与setInterval方法的使用技巧,需要的朋友可以参考下
    2015-06-06
  • 微信小程序实战之上拉(分页加载)效果(2)

    微信小程序实战之上拉(分页加载)效果(2)

    这篇文章主要介绍了微信小程序实战之上拉加载、分页加载效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号

    判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号

    这篇文章主要介绍了判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript时间与时间戳互转多种方式

    javascript时间与时间戳互转多种方式

    javascript获取时间、时间戳等,最核心的就是利用Date关键词去获取,时间戳的获取方式整理了5种方法,后4种是利用new Date()实例化对象来获取当前时间,再对当前获取的时间再进一步处理获取时间戳,本文给大家介绍的非常详细,需要的朋友参考下吧
    2023-11-11
  • JavaScript中使用数组方法汇总

    JavaScript中使用数组方法汇总

    这篇文章主要介绍了JavaScript中使用数组方法汇总的相关资料,需要的朋友可以参考下
    2016-02-02
  • Firebug 字幕文件JSON地址获取代码

    Firebug 字幕文件JSON地址获取代码

    俗话说，自己动手丰衣足食。直接拿Firebug找到字幕文件地址，下载下来看到是JSON格式的，随即想到直接用JS输出字符串就可以转换到srt字幕。
    2009-10-10
  • js实现简单的碰壁反弹效果

    js实现简单的碰壁反弹效果

    这篇文章主要为大家详细介绍了js实现简单的碰壁反弹效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论