Pengenalan kepada JavaScript
Apakah itu JavaScript?
JavaScript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan halaman web pelanggan (pelayar) Ia digunakan untuk menambah fungsi dinamik pada halaman web HTML, seperti membalas pelbagai permintaan pengguna .
JavaScript ialah bahasa skrip dipacu objek dan peristiwa dengan ciri keselamatan Dalam kebanyakan kes, ia dilaksanakan oleh penyemak imbas web.
JavaScript ialah tanda dagangan berdaftar Sun Corporation of the United States Versi terkini Javascript pada masa ini adalah versi 1.9, yang mengikut piawaian ECMA-262 (ECMAScript) Ecma International (dahulunya Persatuan Pengilang Komputer Eropah). . Versi ini masih Berkembang secara berterusan.
Ciri JavaScript
Bahasa Skrip
JavaScript ialah bahasa skrip yang menggunakan segmen program kecil untuk melaksanakan pengaturcaraan. Seperti bahasa skrip lain, JavaScript ialah bahasa yang ditafsirkan yang diterjemahkan baris demi baris apabila dilaksanakan oleh penyemak imbas.
Bahasa berasaskan objek
JavaScript ialah bahasa berasaskan objek dan juga boleh dianggap sebagai berorientasikan objek bahawa ia boleh menggunakan objek yang telah diciptanya. Oleh itu, banyak fungsi boleh datang daripada interaksi kaedah objek dalam persekitaran skrip dengan skrip.
Kesederhanaan
Menulis JavaScript adalah sangat mudah, anda tidak perlu memasang persekitaran pembangunan tertentu, anda hanya memerlukan satu Skrip JavaScript boleh ditulis menggunakan Notepad mudah. Ia mempunyai sintaks program asas dan struktur bahasa serta jenis data yang lemah, yang mudah dipelajari dan digunakan.
Keselamatan
JavaScript ialah bahasa keselamatan tidak membenarkan akses kepada cakera keras tempatan dan tidak boleh menyimpan data Selepas memasuki pelayan, pengubahsuaian dan pemadaman dokumen rangkaian tidak dibenarkan, dan penyemakan imbas maklumat atau interaksi dinamik hanya boleh dicapai melalui penyemak imbas, dengan itu berkesan menghalang kehilangan data.
Dinamik
JavaScript adalah dinamik, ia boleh bertindak balas terus kepada input pengguna tanpa melalui program perkhidmatan Web . Ia bertindak balas kepada pengguna dalam cara yang didorong oleh peristiwa. Apa yang dipanggil dipacu peristiwa merujuk kepada tindakan yang dihasilkan dengan melakukan operasi tertentu pada halaman web, yang dipanggil "peristiwa": contohnya, menekan tetikus, menggerakkan tetingkap, memilih menu, dll. boleh dianggap sebagai peristiwa. Apabila peristiwa berlaku, ia mungkin menyebabkan respons acara JavaScript yang sepadan.
Merentas platform
JavaScript dilaksanakan oleh penyemak imbas web dan tiada kaitan dengan persekitaran sistem pengendalian, selagi kerana penyemak imbas boleh menjalankan Komputer dan pelayar yang menyokong JavaScript akan dilaksanakan dengan betul.
Tulis terus ke output HTML
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
<p>...</p>
</body>
</html>Reaksi terhadap acara
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button type="button" onclick="alert('你好!')">点我!</button>
</body>
</html> Tukar kandungan HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">
内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>Tukar imej HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡查看效果</p>
</body>
</html>Tukar gaya HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">
改变 HTML 的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="blue"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>Sahkan input
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
![Projek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Kursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutorial bahagian hadapan WEB [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Aplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
