Introduction to JavaScript

JavaScript Introduction

JavaScript is the programming language of the Web. All modern HTML pages use JavaScript.

JavaScript is the most popular scripting language on the Internet. This language can be used for HTML and web, and can be widely used on servers, PCs, laptops, tablets, smartphones and other devices .

JavaScript is a scripting language

JavaScript is a lightweight programming language .

JavaScript is programming code that can be inserted into HTML pages.

JavaScript, when inserted into an HTML page, can be executed by all modern browsers.

JavaScript is easy to learn.

Example

Let’s look at a program that turns lights on and off through JavaScript

<!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("580d64d73ed01442"))
 {
 element.src="/upload/course/000/000/006/580d64a8c09d6449.gif";
 }
 else
 {
 element.src="/upload/course/000/000/006/580d64d73ed01442.gif";
 }
 }
</script>
<img id="myimage" onclick="changeImage()"
 src="/upload/course/000/000/006/580d64a8c09d6449.gif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>

Run the program and try it

Continuing Learning

new file

<!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("580d64d73ed01442")) { element.src="https://img.php.cn/upload/course/000/000/006/580d64a8c09d6449.gif"; } else { element.src="https://img.php.cn/upload/course/000/000/006/580d64d73ed01442.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="https://img.php.cn/upload/course/000/000/006/580d64a8c09d6449.gif" width="100" height="180"> <p>点击灯泡就可以打开或关闭这盏灯</p> </body> </html>

submit Reset Code

Automatic operation

Introduction to JavaScript

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]