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


Posted in Javascript onOctober 10, 2017

本文实例为大家分享了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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript控制Session操作方法
Jan 17 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
jquery实现通用的内容渐显Tab选项卡效果
Sep 07 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
使用Vue实现调用接口加载页面初始数据
Oct 28 Javascript
使用Dropzone.js上传的示例代码
Oct 10 #Javascript
React中上传图片到七牛的示例代码
Oct 10 #Javascript
基于对象合并功能的实现示例
Oct 10 #Javascript
聊聊Vue.js的template编译的问题
Oct 09 #Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 #Javascript
Angular2监听页面大小变化的解决方法
Oct 09 #Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
Oct 09 #Javascript
You might like
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
PHP下几种删除目录的方法总结
2007/08/19 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
vue实现路由懒加载及组件懒加载的方式
2019/06/11 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
如何实现vue的tree组件
2020/12/03 Vue.js
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
在centos7中分布式部署pyspider
2017/05/03 Python
Python操作Excel插入删除行的方法
2018/12/10 Python
Python实现的插入排序,冒泡排序,快速排序,选择排序算法示例
2019/05/04 Python
Python学习笔记之列表推导式实例分析
2019/08/13 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
Python对wav文件的重采样实例
2020/02/25 Python
python selenium操作cookie的实现
2020/03/18 Python
python3实现飞机大战
2020/11/29 Python
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
书香校园活动方案
2014/02/28 职场文书
追悼会主持词
2014/03/20 职场文书
食品采购员岗位职责
2014/04/14 职场文书
幼儿园教师工作总结2015
2015/04/02 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Python语法学习之进程的创建与常用方法详解
2022/04/08 Python