Summary and sharing of js basic knowledge points
This article mainly shares with you a summary of js basic knowledge points, hoping to help everyone.
How to write your js code on a website or page:
1.js layering (function): jquery (tool) component (ui) application (app), mvc (backboneJs )
2.js planning (): avoid global variables and methods (namespace, closure, object-oriented), modularization (seaJs, requireJs)
Commonly used internal classes: Data Array Math String
HTML attribute, CSS attribute
HTML: attribute.HTML attribute="value";
CSS: object.style.CSS attribute="value";
class and float
1.class:className
2.float:cssFloat
Get the object
id:document.getElementById("id name")
Event: User action
Mouse event:
onclick: Click
onmouseover: Put the mouse on
onmouseout: The mouse leaves
ondbclick: Double-click event
onmousedown: The mouse is pressed
onmouseup: The mouse is lifted
onmousemoveMouse movement
Form events:
onfocus: Get focus
onblur: Lose focus
onsubmit: Submit event
onchange: When a change occurs
onreset: Reset event
Keyboard events:
onkeyup:keyboard lifted
onkeydown:keyboard pressed
onkeypress:keyboard pressed once
Window time:onload event
Event executed immediately after the page is loaded
Two ways:
1.<script>window.onload=init/*Function name, no brackets*/;</script>
2.
event: Save relevant information when the event occurs
When the event occurs, event
event.clientX: The X coordinate when the event occurs
event.clientY : Y coordinate when the event occurs
event.target: Event source
event: It must be passed to the function in the form of actual parameters before it can be used
Modify the content in p
innerHTML: All content in the object (text content and label content), generally refers to double labels or containers Tag
innerText: All text content in the object
document.createElement("tag name");
document.body.appendChild(object);
removeChild(object)
document.body is the body tag object
document.documentElement is the html tag object
ECMAscript, BOM, DOM
1.window: the highest level of the object
2.BOM: browser object: browser object model
3.DOM: document object model
4.BOM: it will exist as soon as the web page is opened
5.DOM: code to operate
6.document is the link between DOM and BOM
Document has subordinates, but others have no subordinates [Multiple windows]
window.open("Link","name","Settings");
1.width: Set the window width
2.height: Set the window height
3.left: The distance from the new window to the left end
4.top: The distance from the new window to the top
5.srollbars: Scroll bar [yes, no, 1 ,0】
6.toolbar: Tool class【yes,no,0】
7.location:Address bar
window.close: Close the window
window.close()
Create timer:
One-time timer: window.setTimeout("function()", time t)
Execution: execute js code after time t [will only be executed once]
Time: In milliseconds
Recurring timer: window.setInterval("function()", time t)
Time: in milliseconds
Execution: It will be executed every time t One-time js code [n times]
Clear timer:
Clear one-time timer:window.clearTimeout(timer name)
Clear recurring timer:window.clearInterval(timer name) )
Note: To clear the timer, you must give the timer name. Anonymous timers cannot be cleared.
Method to find the object:
di:document.getElementById("id name");
Tag:document.getElementsByTagName("tag name")//What is obtained is a collection of objects (array)
Object.getElementByTagName(tag name)
name:document.getElementByName("name");/ /form collection (array)
className:document.getElementByClassName("class name");//collection (array)[firefox]
document.images;//get img object (array)
document. links;//Get link object (array)
document.forms;//Get form object (array)
document.body;//body tag object
document.documentElement;//HTML object
event: event information object
this: current object
location object
location.href: return url information [you can get url information, or you can assign a value to it to jump to the page]
location.assign(): Load a new document [Jump page]
location.reload(): Reload the current document [Refresh page]
location.replace(): Replace the current document with a new one Document【Jump page】
The difference between location.assign and location.replace:
location.assign: will generate historical records
location.replace: will not generate historical records
history object:
history. length: The number of URLs viewed
history.back(): Returns the previous page in the history
history.forward(): Loads the next page in the history
history.go(n): Jump to the page specified in the history record. If it is -1, it is actually the function of history.back()
screen object
screen.height: Get the height of the screen
screen.width: Get the width of the screen
screen.availHeight: Get the height without the taskbar
screen.availWidth: Get the width without the taskbar
navigator object
navigator.appName: browser name
navigator.appCodeName: Browser code name
navigator.appVersion: Browser version number and platform information
navigator.userAgent: Browser information
DOM: Describes the relationship between various components of the web page
var obj = document.getElementById("id name")
The blank space in Firefox is also considered a node
parentNode: parent node
childNodes: child node
firstChild: the first child Node
lastChild: the last child node
nextSibling: the next sibling node [Note: must be the same parent relationship]
previousSiblind: the previous sibling node [Note: must be the same parent relationship]
Login verification:
onsubmit: form submission event
onsubmit="return function ()"
Related recommendations:
Detailed explanation of PHP basic knowledge
Basic knowledge that JavaScript must know
Sharing of basic JavaScript interview questions
The above is the detailed content of Summary and sharing of js basic knowledge points. For more information, please follow other related articles on the PHP Chinese website!

Both Python and JavaScript's choices in development environments are important. 1) Python's development environment includes PyCharm, JupyterNotebook and Anaconda, which are suitable for data science and rapid prototyping. 2) The development environment of JavaScript includes Node.js, VSCode and Webpack, which are suitable for front-end and back-end development. Choosing the right tools according to project needs can improve development efficiency and project success rate.

Yes, the engine core of JavaScript is written in C. 1) The C language provides efficient performance and underlying control, which is suitable for the development of JavaScript engine. 2) Taking the V8 engine as an example, its core is written in C, combining the efficiency and object-oriented characteristics of C. 3) The working principle of the JavaScript engine includes parsing, compiling and execution, and the C language plays a key role in these processes.

JavaScript is at the heart of modern websites because it enhances the interactivity and dynamicity of web pages. 1) It allows to change content without refreshing the page, 2) manipulate web pages through DOMAPI, 3) support complex interactive effects such as animation and drag-and-drop, 4) optimize performance and best practices to improve user experience.

C and JavaScript achieve interoperability through WebAssembly. 1) C code is compiled into WebAssembly module and introduced into JavaScript environment to enhance computing power. 2) In game development, C handles physics engines and graphics rendering, and JavaScript is responsible for game logic and user interface.

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 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.

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'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.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft

DVWA
Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Atom editor mac version download
The most popular open source editor

Notepad++7.3.1
Easy-to-use and free code editor

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
