Rumah > Soal Jawab > teks badan
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?
曾经蜡笔没有小新2017-05-19 10:28:53
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>
PHPz2017-05-19 10:28:53
<!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
世界只因有你2017-05-19 10:28:53
<!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.
世界只因有你2017-05-19 10:28:53
Adakah anda menulis makluman dalam abc.js? Jika ini berlaku, elemen dengan id="box" tidak boleh diperolehi apabila amaran dilaksanakan
phpcn_u15822017-05-19 10:28:53
<!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>