JavaScript usage

To use JavaScript in HTML, you need to use the <script></script> tag and define The type attribute value is text/javascript, as shown in the previous alert pop-up prompt box example:

Usually JavaScript code alone is meaningless. JavaScript code is usually used in conjunction with HTML code, because JavaScript is inherently It was created to make up for the shortcomings of HTML.

JavaScript code can be directly embedded anywhere on the web page, but usually we put the JavaScript code in the <head>:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
</head>
<body>
    <div>图片及文字内容</div>
</body>
</html>

You can also place a JavaScript function into the <body> part of the HTML page:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <script type="text/javascript">
    alert("我是提示文字！");
    </script>
    <div>图片及文字内容</div>
</body>
</html>

You can also put the JavaScript code into a separate .js file, and then introduce this file in HTML through <script src="..."></script>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
 <script src="/static/js/abc.js"></script>
</head>
<body>
  <div>图片及文字内容</div>
</body>
</html>

JavaScript Functions and Events

Usually, we need to execute code when an event occurs, such as when the user clicks a button.

If we put JavaScript code into a function, we can call the function when the event occurs.

You will learn more about JavaScript functions and events in later chapters.

Continuing Learning

new file

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>获取当前时间</p> <script> document.write(Date()); </script> </body> </html>

submit Reset Code

Automatic operation

JavaScript usage

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]