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 相关文章推荐
列表内容的选择
Jun 30 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
Jul 31 Javascript
JavaScript 产生不重复的随机数三种实现思路
Dec 13 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
May 12 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 Javascript
js实现省级联动(数据结构优化)
Jul 17 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
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
php引用传值实例详解学习
2013/11/06 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
JS短路原理的应用示例 精简代码的途径
2013/12/13 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
JS判断客服QQ号在线还是离线状态的方法
2015/01/13 Javascript
Javascript基础教程之if条件语句
2015/01/18 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
轻松实现js弹框显示选项
2016/09/13 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python中用于返回绝对值的abs()方法
2015/05/14 Python
Python命令启动Web服务器实例详解
2017/02/23 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
Python检测数据类型的方法总结
2019/05/20 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
pytorch 在sequential中使用view来reshape的例子
2019/08/20 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
使用tensorboard可视化loss和acc的实例
2020/01/21 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
在家更换处方镜片:Lensabl
2019/05/01 全球购物
如何安装ruby on rails
2014/02/09 面试题
校园环保广播稿(3篇)
2014/09/15 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技