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 新手学习常见问题解决方法
Apr 18 Javascript
js简单实现HTML标签Select联动带跳转
Oct 23 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
Dec 27 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
分享纯手写漂亮的表单验证
Nov 19 Javascript
前端js文件合并的三种方式推荐
May 19 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
Vue.js学习笔记之常用模板语法详解
Jul 25 Javascript
element-ui封装一个Table模板组件的示例
Jan 04 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
php+mysql 实现身份验证代码
2010/03/24 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
2009/07/14 Javascript
类似CSDN图片切换效果脚本
2009/09/17 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
layui递归实现动态左侧菜单
2019/07/26 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
2020/03/03 Javascript
微信小程序利用button控制条件标签的变量问题
2020/03/15 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
python打开文件的方式有哪些
2020/06/29 Python
加拿大最大的书店:Indigo
2017/01/01 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
毕业生工作求职信
2014/06/30 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
出国签证在职证明范本
2014/11/24 职场文书
行政文员岗位职责
2015/02/04 职场文书
小学德育工作总结2015
2015/05/12 职场文书
Python绘制分类图的方法
2021/04/20 Python
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB
关于MySQL中explain工具的使用
2023/05/08 MySQL