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的简单的列表导航菜单
Mar 02 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
jQuery事件绑定与解除绑定实现方法
Apr 15 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
微信小程序本地缓存数据增删改查实例详解
May 24 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
详解vue的数据劫持以及操作数组的坑
Apr 18 Javascript
JS实现按比例缩小图片宽高
Aug 24 Javascript
Vue仿百度搜索功能
Dec 28 Vue.js
使用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获取一个字符串中间一部分字符的方法
2014/08/19 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
js 浮动层菜单收藏
2009/01/16 Javascript
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
微信小程序视频弹幕发送功能的实现
2020/12/28 Javascript
Python的Tornado框架实现异步非阻塞访问数据库的示例
2016/06/30 Python
python并发编程之线程实例解析
2017/12/27 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
python处理csv中的空值方法
2018/06/22 Python
python使用建议技巧分享(三)
2020/08/18 Python
个人简历自我评价
2014/02/02 职场文书
党的生日演讲稿
2014/09/10 职场文书
城南旧事观后感
2015/06/11 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python