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获取导航条中http信息实例分享的详细内容。