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 相关文章推荐
浅谈JavaScript中面向对象技术的模拟
Sep 25 Javascript
JavaScript 函数replace深入了解
Mar 14 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
js获取url中的参数且参数为中文时通过js解码
Mar 19 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
Apr 20 Javascript
JavaScript实现瀑布流布局的3种方式
Dec 27 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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把大写命名转换成下划线分割命名
2015/04/27 PHP
php版微信自动获取收货地址api用法示例
2016/09/22 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
jQuery 选择器详解
2015/01/19 Javascript
javascript浏览器窗口之间传递数据的方法
2015/01/20 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
js实现打地鼠小游戏
2017/02/13 Javascript
jquery操作select取值赋值与设置选中实例
2017/02/28 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
详解Angular 自定义结构指令
2017/06/21 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
vue中的使用token的方法示例
2020/03/10 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Django安装配置mysql的方法步骤
2018/10/15 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
酒店总经理欢迎词
2014/01/15 职场文书
搞笑获奖感言
2014/01/30 职场文书
技术总监管理职责范本
2014/03/06 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
2014年文秘工作总结
2014/11/25 职场文书
2014年物流工作总结
2014/11/25 职场文书
人才市场接收函
2015/01/30 职场文书
文化大革命观后感
2015/06/17 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS