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 相关文章推荐
详细讲解JS节点知识
Jan 31 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
jQuery中next方法用法实例
Apr 24 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
angular select 默认值设置方法
Jun 23 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
说说node中的可读流和可写流的区别
Jun 01 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
vue使用video插件vue-video-player的示例
Oct 03 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模板页面中分页代码的解析
2009/02/06 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
jquery对表单操作2
2011/04/06 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
基于jquery css3实现点击动画弹出表单源码特效
2015/08/31 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
Python实现的简单dns查询功能示例
2017/05/24 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python命令行click参数用法解析
2019/12/19 Python
通过实例解析python描述符原理作用
2020/01/22 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
捷克母婴用品购物网站:Feedo.cz
2020/12/28 全球购物
饭店工作计划书
2014/01/10 职场文书
文秘个人求职信范文
2014/04/22 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
中学总务处工作总结
2015/08/12 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
纯CSS打字动画的实现示例
2022/08/05 HTML / CSS