Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie HTTP-Informationen in der Navigationsleiste über JavaScript

一个新手
Freigeben: 2017-10-10 10:03:45
Original
1480 Leute haben es durchsucht


  • Der mit Anmerkungen versehene Teil im Stil besteht darin, die Informationen in HTTP zu erhalten

  • Der Anzeigeeffekt im Text ist:

    • Wenn Sie auf OK klicken, werden die Informationen gelöscht

    • Wenn Sie auf Abbrechen klicken, werden die Informationen nicht gelöscht

    • Beim Öffnen der Seite wird automatisch ein Eingabeaufforderungsfeld angezeigt

    • Wenn Sie auf „Löschen“ klicken, wird ein Warnfeld angezeigt

<!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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo erhalten Sie HTTP-Informationen in der Navigationsleiste über JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage