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 相关文章推荐
extjs之去除s.gif的影响
Dec 25 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
node.js 发布订阅模式的实例
Sep 10 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
May 23 Javascript
vue-cli系列之vue-cli-service整体架构浅析
Jan 14 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 采集程序 常用函数
2008/12/18 PHP
PHP的变量总结 新手推荐
2011/04/18 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
jQuery div层的放大与缩小简单实现代码
2013/03/28 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
javascript入门之数组[新手必看]
2016/11/21 Javascript
完美解决JS文件页面加载时的阻塞问题
2016/12/18 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
Python脚本实现网卡流量监控
2015/02/14 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Windows下安装Scrapy
2018/10/17 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
python分布式编程实现过程解析
2019/11/08 Python
python实现输入的数据在地图上生成热力图效果
2019/12/06 Python
python构造函数init实例方法解析
2020/01/19 Python
python 自动识别并连接串口的实现
2021/01/19 Python
CSS3 Media Queries详细介绍和使用实例
2014/05/08 HTML / CSS
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
俄罗斯购买内衣网站:Trusiki
2020/08/22 全球购物
高级编程求职信模板
2014/02/16 职场文书
审计专业自荐信范文
2014/04/21 职场文书
应聘教师求职信
2014/07/19 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书