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实现左右div自适应高度完全相同的代码
Aug 09 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
Jun 06 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
Sep 21 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
js实现时间日期校验
May 26 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中的超全局变量
2006/10/09 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
基于laravel制作APP接口(API)
2016/03/15 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
js function使用心得
2010/05/10 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
2015/12/09 Javascript
谈一谈javascript闭包
2016/01/28 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
[01:05:40]VG vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python多线程下载文件的方法
2015/07/10 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
python实现低通滤波器代码
2020/02/26 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
全球精选男装和家居用品:Article
2020/04/13 全球购物
解释一下钝化(Swap out)
2016/12/26 面试题
旅游管理专业大学生职业规划书
2014/02/27 职场文书
大二学习计划书范文
2014/04/27 职场文书
防灾减灾活动总结
2014/08/30 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
2015年党员创先争优承诺书
2015/01/22 职场文书
门卫岗位职责
2015/02/09 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书