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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JAVASCRIPT  THIS详解 面向对象
Mar 25 Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
js过滤HTML标签以及空格的思路及代码
May 24 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
Javascript实现计算个人所得税
May 10 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
js实现图片切换(动画版)
Dec 25 Javascript
node.js入门教程之querystring模块的使用方法
Feb 27 Javascript
node.js命令行教程图文详解
May 27 Javascript
JS制作简易计算器的实例代码
Jul 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面向对象法则
2012/02/23 PHP
深入理解PHP中的global
2014/08/19 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
php处理带有中文URL的方法
2016/07/11 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
PHP基于回溯算法解决n皇后问题的方法示例
2017/11/07 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
jQuery中值得注意的trigger方法浅析
2016/12/12 Javascript
jQuery动态移除和添加背景图片的方法详解
2017/03/07 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
2019/09/06 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python实现备份MySQL数据库的方法示例
2018/01/11 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
Python字符串格式化输出代码实例
2019/11/22 Python
Python关键字及可变参数*args,**kw原理解析
2020/04/04 Python
Python流程控制语句的深入讲解
2020/06/15 Python
Python中Selenium模块的使用详解
2020/10/09 Python
利用python爬取有道词典的方法
2020/12/08 Python
求职毕业生自荐书
2014/02/08 职场文书
无私奉献演讲稿
2014/09/04 职场文书
户籍证明书标准模板
2014/09/10 职场文书
2015年艾滋病防治工作总结
2015/05/22 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
python基础之类方法和静态方法
2021/10/24 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS