search
HomeWeb Front-endJS TutorialEasy-to-understand JavaScript introduction

This article brings you relevant knowledge about javascript, which mainly sorts out the related issues introduced. Javascript is a prototype developed from Netscape's LiveScript. Inherited object-oriented dynamic type case-sensitive client scripting language, let's take a look at it together, I hope it will be helpful to everyone.

Easy-to-understand JavaScript introduction

[Related recommendations: javascript video tutorial, web front-end

1. Introduction to JS

Javascript is a prototype-inherited, object-oriented, dynamically typed, case-sensitive client scripting language developed from Netscape’s LiveScript. Its main purpose is to solve Server-side languages, such as Perl, have legacy speed issues and provide customers with smoother browsing.

# ## At that time, the server needed to verify the data. Since the network speed was very slow, only 28.8kbps, the verification step wasted too much time. So Netscape's browser Navigator added Javascript to provide basic functions of data verification. The official name of JavaScript is "ECMAScript". This standard is developed and maintained by the ECMA organization. ECMA-262 is the official JavaScript standard. This standard is based on JavaScript (Netscape) and JScript (Microsoft).

 Brendan Eich of Netscape (Navigator 2.0) invented this language, which has appeared in all Netscape and Microsoft browsers since 1996. Development of ECMA-262 began in 1996, and in July 1997, the ECMA General Assembly adopted its first version.

The components of JavaScript include

ECMAScript, DOM, BOM.

JS is a small script statement that runs on the browser side, which can realize web page text content animation, dynamic data changes, animation special effects, etc.


Easy-to-understand JavaScript introduction
ECMAScript

is a scripting language standardized by the European Computer Manufacturers Association (ECMA) through ECMA-262. To put it simply, ECMAScript describes It covers syntax, types, statements, keywords, reserved words, operators and objects. It defines all the properties, methods and objects of the scripting language.

DOM

Plan the entire page into a document composed of node layers. It is not related to the browser, platform, or language, and provides a standard for web developers. Access data, scripts and presentation layer objects in the site. DOM programming can achieve the effect of web page content verification and dynamic changes

BOM

is a type of browser Features, it can access and operate the browser window, such as moving, closing the window, adjusting the window size, supporting cookies, etc. BOM programming can achieve the effect of dynamically controlling the behavior of the browser itself

Some people also say this:

ECMAScript can be understood as the basic syntax part of JS

DOM can be simply understood as using the document object Programming to operate the document content

BOM can be understood as programming to use the window object to operate the browser behavior

2. JS Features

JS Features

JS is a scripting language that runs on the browser

1.
Scripting language

Scripting language is a simple program that is small in scale and does not require It compiles, runs quickly, is composed of some ASCII characters, and can be written using any text editor. Scripting language refers to a programming language that is interpreted and executed by an interpreter in a web browser. Every time a program is run, the interpreter will translate the program code into an executable format. Some programming languages ​​(such as C, C, Java, etc.) must be compiled, and the source code must be compiled into a binary executable file before it can be run. Scripting languages ​​do not need to be compiled in advance, as long as there is a suitable interpreter. implement.

2.

Object-based language

Object-oriented has three major characteristics (encapsulation, inheritance, polymorphism) that are indispensable. Usually "object-based" uses objects, but existing object templates cannot be used to generate new object types. In other words, "object-based" does not have the characteristics of inheritance. Without the concept of inheritance, there is no way to talk about "polymorphism"

3.

Event-driven

The action that performs a certain operation on a web page is called " "Event" (Event), such as pressing the mouse, moving the window, selecting the menu, etc. can be regarded as events. When an event occurs, a corresponding event response may be triggered.

4.

Simplicity

The variable type is weakly typed and does not use strict data types.

var a,b,c; a=123; b="abc"; a=b;

5.

Security

JavaScript It cannot access the local hard disk, cannot store data on the server, cannot modify or delete network documents, and can only achieve information browsing or dynamic interaction through the browser

6.

Cross-platform

JavaScript depends on the browser itself and has nothing to do with the operating platform. As long as the computer has a browser that supports JavaScript (installed with a JavaScript interpreter), the JavaScript program can be executed correctly.

Disadvantages:

Various browsers support JavaScript to varying degrees. Browsers that support and do not fully support JavaScript are browsing the same JavaScript script. There will be a certain gap in the effect of the web page, and sometimes it will not even be displayed.

3. The difference between JS and Java

Difference 1: Different companies, different predecessors

JavaScript is a product of Netscape Company and is used to extend Netscape An object-based and event-driven interpreted language developed for the Navigator function that can be embedded in Web pages. Its predecessor is Live Script; Java is a new generation of object-oriented programming language launched by SUN, which is particularly suitable for Internet applications. Program development; Java's predecessor is the Oak language.

Difference 2: Object-based and object-oriented

JavaScript is a scripting language and an object-based language. It itself provides a very rich set of internal objects for designers to use, but does not support inheritance and polymorphism. Java is object-oriented, a true object-oriented language, supporting encapsulation, inheritance and polymorphism.

Difference 3:Variable types are different in strength and weakness

Java uses strong type variable checking, that is, all variables must be declared as a specified type before compilation. For example: int x=1234; is a weakly typed variable in JavaScript. The var statement is uniformly used and various data type values ​​can be assigned.

Difference 4: The running location is different

Java runs on the server side, a large programming language, JS runs on the client (browser), a small-scale scripting language

4. The relationship between HTML, CSS and JS

HTML, CSS and JS are the main front-end technologies, and each of the three has its own division of labor. HTML can be used to make the main body of a web page Structure, CSS is used to beautify the web page, and JS is used to add dynamic effects to the web page. How about

Easy-to-understand JavaScript introduction, how about the image, my friend.

5. How to introduce JS

1. Embedded

Inline introduction method:

1. In the head tag, use a For the script tag, embed the js code

2.type attribute does not need to be written

nbsp;html>
	
		<meta>
		<title>js引入方式1</title>
		<!--内嵌式引入方式
			1.在head标签中,用一对script标签,嵌入js代码
			2.type属性可以不写
		-->
		<script>
			
		//定义一个函数(方法)
		function fun1 () {
			//弹窗提示信息
			alert("hello word")
		}
		</script>
	
	
		<input>
	

Easy-to-understand JavaScript introduction

Disadvantages:
1 We define The JS code can only be used in the current web page, with low code reuse and low maintainability

2 The JS code and HTML code are mixed in one file, and the readability is poor

2 Linked

Easy-to-understand JavaScript introduction

nbsp;html>
	
		<meta>
		<title>js引入方式2</title>
		<!--链接式引入外部js文件
			1.提高代码复用度
			2.降低代码的维护难度
			3.一个页面可以同时引入多个不同的js文件
			4.script标签中一旦引入外部结束文件,就不能在中间定义内嵌代码
		-->
		<script></script>
		<script></script>
		<script>
			function fun3() {
				alert("js引入方式")
			}
		</script>
	
	
		<input>
		<input>
		<input>
	

Advantages:

High code reuse, easier to maintain code

Note:

1 Multiple JS files can be introduced on one page at the same time

2 Each JS file must be introduced using an independent scripttag

3 The same tag cannot be used for inline and link introductions

[Related recommendations: javascript video tutorial, web front-end

The above is the detailed content of Easy-to-understand JavaScript introduction. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:CSDN. If there is any infringement, please contact admin@php.cn delete
From Websites to Apps: The Diverse Applications of JavaScriptFrom Websites to Apps: The Diverse Applications of JavaScriptApr 22, 2025 am 12:02 AM

JavaScript is widely used in websites, mobile applications, desktop applications and server-side programming. 1) In website development, JavaScript operates DOM together with HTML and CSS to achieve dynamic effects and supports frameworks such as jQuery and React. 2) Through ReactNative and Ionic, JavaScript is used to develop cross-platform mobile applications. 3) The Electron framework enables JavaScript to build desktop applications. 4) Node.js allows JavaScript to run on the server side and supports high concurrent requests.

Python vs. JavaScript: Use Cases and Applications ComparedPython vs. JavaScript: Use Cases and Applications ComparedApr 21, 2025 am 12:01 AM

Python is more suitable for data science and automation, while JavaScript is more suitable for front-end and full-stack development. 1. Python performs well in data science and machine learning, using libraries such as NumPy and Pandas for data processing and modeling. 2. Python is concise and efficient in automation and scripting. 3. JavaScript is indispensable in front-end development and is used to build dynamic web pages and single-page applications. 4. JavaScript plays a role in back-end development through Node.js and supports full-stack development.

The Role of C/C   in JavaScript Interpreters and CompilersThe Role of C/C in JavaScript Interpreters and CompilersApr 20, 2025 am 12:01 AM

C and C play a vital role in the JavaScript engine, mainly used to implement interpreters and JIT compilers. 1) C is used to parse JavaScript source code and generate an abstract syntax tree. 2) C is responsible for generating and executing bytecode. 3) C implements the JIT compiler, optimizes and compiles hot-spot code at runtime, and significantly improves the execution efficiency of JavaScript.

JavaScript in Action: Real-World Examples and ProjectsJavaScript in Action: Real-World Examples and ProjectsApr 19, 2025 am 12:13 AM

JavaScript's application in the real world includes front-end and back-end development. 1) Display front-end applications by building a TODO list application, involving DOM operations and event processing. 2) Build RESTfulAPI through Node.js and Express to demonstrate back-end applications.

JavaScript and the Web: Core Functionality and Use CasesJavaScript and the Web: Core Functionality and Use CasesApr 18, 2025 am 12:19 AM

The main uses of JavaScript in web development include client interaction, form verification and asynchronous communication. 1) Dynamic content update and user interaction through DOM operations; 2) Client verification is carried out before the user submits data to improve the user experience; 3) Refreshless communication with the server is achieved through AJAX technology.

Understanding the JavaScript Engine: Implementation DetailsUnderstanding the JavaScript Engine: Implementation DetailsApr 17, 2025 am 12:05 AM

Understanding how JavaScript engine works internally is important to developers because it helps write more efficient code and understand performance bottlenecks and optimization strategies. 1) The engine's workflow includes three stages: parsing, compiling and execution; 2) During the execution process, the engine will perform dynamic optimization, such as inline cache and hidden classes; 3) Best practices include avoiding global variables, optimizing loops, using const and lets, and avoiding excessive use of closures.

Python vs. JavaScript: The Learning Curve and Ease of UsePython vs. JavaScript: The Learning Curve and Ease of UseApr 16, 2025 am 12:12 AM

Python is more suitable for beginners, with a smooth learning curve and concise syntax; JavaScript is suitable for front-end development, with a steep learning curve and flexible syntax. 1. Python syntax is intuitive and suitable for data science and back-end development. 2. JavaScript is flexible and widely used in front-end and server-side programming.

Python vs. JavaScript: Community, Libraries, and ResourcesPython vs. JavaScript: Community, Libraries, and ResourcesApr 15, 2025 am 12:16 AM

Python and JavaScript have their own advantages and disadvantages in terms of community, libraries and resources. 1) The Python community is friendly and suitable for beginners, but the front-end development resources are not as rich as JavaScript. 2) Python is powerful in data science and machine learning libraries, while JavaScript is better in front-end development libraries and frameworks. 3) Both have rich learning resources, but Python is suitable for starting with official documents, while JavaScript is better with MDNWebDocs. The choice should be based on project needs and personal interests.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools