skrip HTML

JavaScript menjadikan halaman HTML lebih dinamik dan interaktif.

teg <skrip> HTML

<skrip> . Elemen

<skrip> sama ada boleh mengandungi pernyataan skrip atau menunjuk ke fail skrip luaran melalui atribut src.

JavaScript paling biasa digunakan untuk manipulasi imej, pengesahan borang dan pengemaskinian kandungan dinamik.

Instance

Skrip berikut akan mengeluarkan "Apa khabar kepada penyemak imbas:

rreee

Keputusan larian program:

Apa khabar?

Untuk mengetahui lebih lanjut tentang tutorial Javascript, lihat Tutorial JavaScript

teg HTML<noscript> Teg

Kandungan dalam elemen <noscript> hanya akan dipaparkan jika penyemak imbas tidak menyokong skrip atau skrip dilumpuhkan:

Instance

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<script>
    document.write("你好吗？")
</script>
</body>
</html>

Hasil menjalankan program:

Pengalaman JavaScript ( daripada tutorial JavaScript di tapak ini)

Kod contoh JavaScript:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<script>
    document.write("Hello World!")
</script>
<noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
<p>不支持 JavaScript 的浏览器会使用 <noscript> 元素中定义的内容（文本）来替代。</p>
</body>
</html>

Hasil pelaksanaan program:

Respons acara JavaScript:

<!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 dan lihat

Gaya HTML pemprosesan JavaScript:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个 JavaScript </h1>
<p id="demo">
    JavaScript 可以触发事件，就像按钮点击。</p>
<script>
    function myFunction()
    {
        document.getElementById("demo").innerHTML="Hello JavaScript!";
    }
</script>
<button type="button" onclick="myFunction()">点我</button>
</body>
</html>

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的样式。 </p> <script> function myFunction() { x=document.getElementById("demo") // 找到元素 x.style.color="#ff0000"; // 改变样式 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik

skrip HTML

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]