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 相关文章推荐
用jquery实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
基于JavaScript 下namespace 功能的简单分析
Jul 05 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
javascript中的previousSibling和nextSibling的正确用法
Sep 16 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
JavaScript实现构造json数组的方法分析
Aug 17 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
vue中 v-for循环的用法详解
Feb 19 Javascript
vue下拉刷新组件的开发及slot的使用详解
Dec 23 Vue.js
使用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
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
2018/01/30 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
2018/09/26 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
Python制作钉钉加密/解密工具
2016/12/07 Python
python编程嵌套函数实例代码
2018/02/11 Python
Python加载带有注释的Json文件实例
2018/05/23 Python
对python3新增的byte类型详解
2018/12/04 Python
python selenium循环登陆网站的实现
2019/11/04 Python
python 字段拆分详解
2019/12/17 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
斯图尔特·韦茨曼鞋加拿大官网:Stuart Weitzman加拿大
2019/10/13 全球购物
留学推荐信怎么写
2014/01/25 职场文书
2014年高考决心书
2014/03/11 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
党员剖析材料范文
2014/09/30 职场文书
党员作风建设整改方案
2014/10/27 职场文书
共青团员自我评价
2015/03/10 职场文书
党员违纪检讨书
2015/05/05 职场文书
2015年统战工作总结
2015/05/19 职场文书
西游降魔篇观后感
2015/06/15 职场文书
期中考试后的感想
2015/08/07 职场文书
Java集成swagger文档组件
2021/06/28 Java/Android
python之基数排序的实现
2021/07/26 Python
vue @click.native 绑定原生点击事件
2022/04/22 Vue.js