javascript - Saya baru mula belajar JS dan saya menghadapi masalah kecil untuk diselesaikan.
黄舟
黄舟 2017-05-19 10:26:53
0
5
627
HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
    <script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
    <p id="box">id</p>
</body>
</html>

Kod JS:
alert(document.getElementById("box").innerHTML);

Mengapa kod di atas tidak boleh dilaksanakan? Tiada tetingkap timbul semasa menjalankannya dalam penyemak imbas Firefox?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

membalas semua(5)
曾经蜡笔没有小新

Sayang, fail js anda harus diletakkan di bawah, urutan pemuatan adalah salah

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
</head>
<body>
    <p id="box">id</p>
     <script type="text/javascript" src="scripts/abc.js"></script>
</body>
</html>
PHPzhong
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
    <script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
    <p id="box">id</p>
</body>
<script>
    alert(document.getElementById("box").innerHTML);
</script>
</html>

Oleh kerana kod anda tidak ditulis sepenuhnya, saya rasa anda menulis susunan pemuatan secara terbalik

Masa pelaksanaan
tetingkap. muat lihat ini

世界只因有你
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
    <script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
    <p id="box">id</p>
    <script>
        alert(document.getElementById("box").innerHTML);
    </script>
</body>
</html>

Uji secara peribadi bahawa kod ini boleh muncul tetingkap dalam Firefox. Ada kemungkinan bahawa firefox anda menghalang kotak amaran daripada muncul.
Tukar ke console.log(document.getElementById("box").innerHTML) f12 untuk melihat output konsol.

Ya, seperti yang saudara sebelumnya katakan, js anda datang dalam src sebelum kod badan pada masa itu tidak ada, jadi nod id=kotak tidak boleh diperolehi. Ini akan melaporkan ralat Satu perkara yang mesti diketahui oleh mereka yang mempelajari js ialah membuka konsol penyemak imbas untuk melihat jika terdapat ralat.

世界只因有你

Adakah anda menulis makluman dalam abc.js? Jika ini berlaku, elemen dengan id="box" tidak boleh diperolehi apabila amaran dilaksanakan

phpcn_u1582
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Blog</title>
    <script type="text/javascript">
    function test(){
        alert(document.getElementById("box").innerHTML);
    };
    window.onload=test;
    </script>
</head>
<body>
    <p id="box">id</p>
</body>
</html>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan