masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

penggunaan JavaScript

Penggunaan JavaScript

Skrip dalam HTML mestilah antara teg <skrip>

Skrip boleh diletakkan di bahagian <body> dan <head>

<skrip> Tag

Untuk memasukkan JavaScript ke dalam halaman HTML, gunakan teg <skrip>

<skrip> dan </script> Garis antara

<skrip> dan </script> mengandungi JavaScript:

<skrip>
alert("JavaScript pertama saya ");
</script>

Anda tidak perlu memahami kod di atas. Hanya faham bahawa penyemak imbas mentafsir dan melaksanakan kod JavaScript antara <skrip> dan </script>. JavaScript dalam

<body> Dalam contoh ini, JavaScript akan menulis teks ke HTML <body> beban halaman: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网(php.cn)</title>
</head>
<body>
<p>
    JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落。</p>");
</script>
<p>
    您只能在 HTML 输出流中使用 <strong>document.write</strong>。
    如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>
Jalankan program untuk mencubanya

Fungsi dan acara JavaScript

Pernyataan JavaScript dalam contoh di atas akan dilaksanakan apabila halaman dimuatkan. Selalunya, kita perlu melaksanakan kod apabila peristiwa berlaku, seperti apabila pengguna mengklik butang.

Jika kita meletakkan kod JavaScript ke dalam fungsi, kita boleh memanggil fungsi tersebut apabila peristiwa itu berlaku.

JavaScript dalam <head> atau <body>

Anda boleh meletakkan skrip tanpa had dalam dokumen HTML anda.

Skrip boleh berada dalam bahagian <body> atau <head>

Pendekatan biasa ialah meletakkan fungsi dalam bahagian <head> Dengan cara ini mereka boleh diletakkan di lokasi yang sama tanpa mengganggu kandungan halaman. Fungsi JavaScript dalam

<head>

Dalam contoh ini, kami meletakkan fungsi JavaScript dalam < kepala> bahagian halaman HTML. Fungsi ini akan dipanggil apabila butang diklik:

Instance

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网(php.cn)</title>
    <script>
        function myFunction(){
            document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
        }
    </script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
Jalankan program untuk mencubanya

<body> fungsi JavaScript dalam

Dalam contoh ini, kami meletakkan fungsi JavaScript dalam < of bahagian halaman HTML ;badan> Fungsi ini akan dipanggil apabila butang diklik: 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网(php.cn)</title> 
</head>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>

Jalankan atur cara untuk mencubanya

JavaScript Luaran

Anda juga boleh menyimpan skrip ke fail luaran. Fail luaran selalunya mengandungi kod yang digunakan oleh berbilang halaman web.

Sambungan fail untuk fail JavaScript luaran ialah .js.

Jika anda perlu menggunakan fail luaran, sila tetapkan fail .js dalam atribut "src" teg <skrip>:

Contoh 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网（php.cn）</title> 
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
</body>
</html>

Anda boleh meletakkan skrip dalam <kepala> dan kesan sebenar akan sama seperti anda menulis skrip dalam teg <skrip>

Kod fail myScript.js adalah seperti berikut:

function myFunction(){
document.getElementById("demo").innerHTML="My fungsi JavaScript pertama";

}


Nota: Skrip luaran tidak boleh mengandungi teg <skrip>.




Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> function myFunction(){ document.getElementById("demo").innerHTML="你好，我是你的第一个 JavaScript 函数哦"; } </script> </head> <body> <h1>JavaScript</h1> <p id="demo">我是一个段落哦</p> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492290 permainan