Output JavaScript

JavaScript boleh mengeluarkan data dalam 4 cara berbeza:

Gunakan window.alert() untuk muncul kotak amaran.

Gunakan kaedah document.write() untuk menulis kandungan ke dalam dokumen HTML.

Gunakan innerHTML untuk menulis pada elemen HTML.

Gunakan console.log() untuk menulis ke konsol penyemak imbas.

window.alert()

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
 <script src="/static/js/abc.js"></script><script>
    function myFunction()
    {
    window.alert("Hello! 这是一个按钮");
    }
 </script>
</head>
<body>
  <input type="button" onclick="myFunction()" value="Show alert box">
</body>
</html>

document.write()

rreee

innerHTML

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
      <h1>Head</h1>
    <script>
        document.write('<p>hello document</p>');
    </script>
    <h2>Tail</h2>
</html>

console.log()

Jika penyemak imbas anda menyokong penyahpepijatan, anda boleh menggunakan kaedah console.log() Paparan nilai JavaScript dalam penyemak imbas.

Gunakan F12 dalam penyemak imbas untuk mendayakan mod nyahpepijat, dan klik menu "Konsol" dalam tetingkap penyahpepijatan.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
    function getInnerHTML(){
    alert(document.getElementById("test").innerHTML);
    }
</script>
</head>
<body>
   <p id="test"><span color="#000">php中文网</span></p>
  <input type="button" onclick="getInnerHTML()" value="点击" />
</body>
</html>

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="/static/js/abc.js"></script><script> function myFunction() { window.alert("Hello! 这是一个按钮"); } </script> </head> <body> <input type="button" onclick="myFunction()" value="Show alert box"> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik

Output JavaScript

peringkat rendahTutorial tapak web tiruan perusahaan Imperial CMS

peringkat rendahPemula dengan asas sifar dalam WordPress membina blog peribadi dan laman web korporat

peringkat rendahVideo arahan pembinaan tapak web berasaskan sifar CMS muktamad

peringkat rendahProjek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]

PertengahanVue3.0 daripada 0 untuk membina amalan projek sistem pengurusan belakang universal

peringkat rendahKursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]

peringkat rendahTutorial bahagian hadapan WEB [HTML5+CSS3+JS]

peringkat rendahBermula dengan cepat dengan apipost

PertengahanTutorial praktikal Vue3+TypeScript amalan projek peringkat perusahaan

peringkat rendahMari kita bercakap secara ringkas tentang memulakan perniagaan dalam PHP

PertengahanProjek e-dagang VUE (pertempuran sebenar projek dua bahagian hadapan & belakang)

peringkat rendahAplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]