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 相关文章推荐
不用ajax实现点击文字即可编辑的方法
Dec 16 Javascript
js判断变量是否空值的代码
Oct 26 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
Angular项目中$scope.$apply()方法的使用详解
Jul 26 Javascript
Angular2实现组件交互的方法分析
Dec 19 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
详解vue中移动端自适应方案
May 05 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 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/09/29 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
php MessagePack介绍
2013/10/06 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
Yii2框架自定义类统一处理url操作示例
2019/05/25 PHP
php接口隔离原则实例分析
2019/11/11 PHP
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
javascript获取flash版本号的方法
2014/11/20 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
js实现正则匹配中文标点符号的方法
2015/12/23 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
2016/09/16 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
浅析python实现动态规划背包问题
2020/12/31 Python
基于Jquery和Css3代码制作可以缩放的搜索框
2015/11/19 HTML / CSS
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
实习求职信
2013/12/01 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
五一劳动节活动记录
2014/03/23 职场文书
李培根演讲稿
2014/05/22 职场文书
红头文件任命书范本
2014/06/05 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
vue项目支付功能代码详解
2022/02/18 Vue.js