Does javascript code have to be written in html?-Front-end Q&A-php.cn

Home

Web Front-end

Front-end Q&A

Does javascript code have to be written in html?

青灯夜游

Feb 16, 2022 pm 03:20 PM

html javascript

Javascript code does not have to be written in html, it can also be written in a script file with the extension ".js", and then referenced using the script tag in html, the syntax "".

Does javascript code have to be written in html?

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

JavaScript programs cannot run independently and can only be executed in the host environment. Under normal circumstances, JavaScript code can be placed in the web page and run with the help of the browser environment.

In html, there are three ways to use javascript code:

Embedding JavaScript code in HTML documents
In Write JavaScript code in the script file, use script tag reference

#Embed JavaScript code in HTML document

Embed JavaScript script in HTML page required Using the <script> tag, users can write JavaScript code directly in the <script> tag</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个JavaScript程序</title> <script type="text/javascript"> document.write("<h1>php中文网：php.cn</h1>"); </script> </head> <body></body> </html></pre><div class="contentsignin">Copy after login</div></div><p><strong>Write JavaScript code in a script file</strong></p><p>JavaScript programs can not only Place it directly in the HTML document or in a JavaScript script file. JavaScript script files are text files with a .js extension that can be edited using any text editor. </p><p>Just create a <code>.js</code> file and write js code in the file, for example: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>alert("php中文网：php.cn");</pre><div class="contentsignin">Copy after login</div></div><p>Then in HTML, insert a <script> tag. Define the src attribute and set the attribute value to a URL string pointing to an external JavaScript file. The code is as follows: <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><script type="text/javascript" src="test.js"></script></pre><div class="contentsignin">Copy after login</div></div><p>Note: </p> <ul style="list-style-type: disc;"> <li><p>When using the <script> tag to include external JavaScript files, the default file type is Javascript. Therefore, regardless of whether the loaded file has a .js extension or not, the browser will parse it as a JavaScript script. </script>

The