cari

Rumah >hujung hadapan web >tutorial js >如何通过JavaScript获取到导航条中的HTTP信息

如何通过JavaScript获取到导航条中的HTTP信息

一个新手
一个新手asal
2017-10-10 10:03:451496semak imbas


  • style中带有注释的部分为获取HTTP中的信息

  • body中显示效果为：

    • 点击确定时，删除信息

    • 点击取消时，不删除信息

    • 打开页面是自动弹出输入提示框

    • 点击删除时，会有警告框弹出 

<!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>

Atas ialah kandungan terperinci 如何通过JavaScript获取到导航条中的HTTP信息 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何通过Js代码实现标题的控制和添加信息Artikel seterusnya：利用HTML+CSS实现动画效果

Artikel berkaitan

Lihat lagi