Home > Others

[047]◀▶HTML & JS & DOM

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

HTML Chinese tutorial 1: http://www.w3school.com.cn/html/index.asp
HTML Chinese tutorial 2: http://www.w3schools.com/cn/html/default.asp
HTML Tutorial: http://www.w3schools.com/html/default.asp

JavaScript Tutorial: http://www.w3school.com.cn/js/index.asp
JavaScript Tutorial: http://www.w3schools.com/js/default.asp

Html dom Chinese Tutorial: http://www.w3school.com.cn/htmldom/index.asp
Html dom Tutorial: http://www.w3schools.com/htmldom/default.asp

CSS Chinese Tutorial: http://www.w3school.com.cn/css/
CSS Tutorial: http://www.w3schools.com/css/


HTML style Chinese tutorial 1: http://www.w3school.com.cn/html/html_css.asp
HTML style Chinese 2: http://www.w3schools.com/cn/html/html_styles.asp
HTML Styles-CSS: http://www.w3schools.com/html/html_css.asp

JQuery Tutorial: http://www.w3school.com.cn/jquery/index.asp
JQuery Tutorial: http://www.w3schools.com/jquery/default.asp

Bytes ---------------------------------------------------------------------------------------------------------

I. HTML tutorial :-----☞I☜

Bytes ---------------------------------------------------------------------------------------------------------
H1 ............ Html dom Document Object
H2 ............ Implementation: display the gradient color in the form
H3 ............ Implementation: Get whether the map is being edited
H4 ............ Implementation: Get whether the map is being edited
H5 ............ Implementation: Get whether the map is being edited
Bytes ---------------------------------------------------------------------------------------------------------

Ii. JavaScript Tutorial :-----☞I☜

Bytes ---------------------------------------------------------------------------------------------------------
S1 ............ If... Else
S2 ............ Switch
S3 ............ For Loop
For... In
While Loop
S4 ............ Break & Continue
S5 ............ Array object
S6 ............ Date object
S7 ............ Math object
S8 ............ Number object
S9 ............ String object
Sa ............ Array object
Sb ............ Array object
SC ............ Array object
Sd ............ Array object
Se ............ Array object
Bytes ---------------------------------------------------------------------------------------------------------

Iii. html dom Tutorial :-----☞I☜

Bytes ---------------------------------------------------------------------------------------------------------
D1 ............ Document Object
D2 ............ Event object
D3 ............ Window object
D4 ............ Html dom Document Object
D5 ............ Html dom Document Object
Bytes ---------------------------------------------------------------------------------------------------------

4. text shadow of CSS3 -- text-shadow :-----☞I☜

The above implementation code:

<Html> 

 


Bytes ---------------------------------------------------------------------------------------------------------


When there are too many threads, there are too many threads.
Please refer to the following table for more information: when there are too many threads, there are too many threads, too many threads.
When there are too many threads, there are too many threads.
● Html dom Document Object:

1. Each HTML Document loaded into the browser will become a Document Object. The Document object allows us to access all elements in the HTML page from the script.


2. Document Object set:


 
    
 
  
  • All []: provides access to all HTML elements in the document.
    • 
 
  
  • Anchors []: returns a reference to all Anchor objects in the document.
    • 
 
  
  • Applets: returns a reference to all Applet objects in the document.
    • 
 
  
  • Forms []: returns reference to all Form objects in the document.
    • 
 
  
  • Images []: returns a reference to all Image objects in the document.
    • 
 
  
  • Links []: returns references to all Area and Link objects in the document.
    • 

 


3. Document Object Attributes:


 
    
 
  
  • Body: provides direct access to the <body> element.
    • 
 
  
  • Cookie: sets or returns all cookies related to the current document.
    • 
 
  
  • Domain: the domain Name of the current document.
    • 
 
  
  • LastModified: return the date and time when the document was last modified.
    • 
 
  
  • Referrer: return the URL of the document loaded into the current document.
    • 
 
  
  • Title: returns the title of the current document.
    • 
 
  
  • URL: return the URL of the current document.
    • 

 


4. Document Object method:


 
    
 
  
  • Close (): close the output stream opened using the document. open () method and display the selected data.
    • 
 
  
  • GetElementById (): returns a reference to the first object with the specified id.
    • 
 
  
  • GetElementByName (): returns a set of objects with the specified name.
    • 
 
  
  • GetElementByTagName (): returns a set of objects with the specified tag name.
    • 
 
  
  • Open (): open a stream to collect output from any document. write () or document. writeln () method. 
   
       
    
    • Document. open (mimetype, replace)
      •  
    
    • Mimetype: Optional. Specifies the type of the document being written. The default value is "text/html ".
      •  
    
    • Replace: Optional. When this parameter is set, the new document inherits historical entries from the parent document.
      •  
   
    • 
 
  
  • Write (): write HTML expressions or JavaScript code to the document.
    • 
 
  
  • WriteIn (): equivalent to the write () method. The difference is that a line break is written after each expression.
    • 

 


Bytes ---------------------------------------------------------------------------------------------------------


When there are too many threads, there are too many threads.
Please refer to the following link for more information: when there are too many threads, there are too many threads, too many threads.
When there are too many threads, there are too many threads.
● Html dom Event object:

1. Each HTML Document loaded into the browser will become a Document Object. The Document object allows us to access all elements in the HTML page from the script.


2. Event Handlers (Event handle ):


 
    
 
  
  • Onabort: image loading is interrupted.
    • 
 
  
  • Onblur: the element loses focus.
    • 
 
  
  • Onchange: The domain content is changed.
    • 
 
  
  • Onclick: Event handle called when a user clicks an object.
    • 
 
  
  • Ondblclick: Event handle called when you double-click an object.
    • 
 
  
  • Onerror: An error occurred when loading the document or image.
    • 
 
  
  • Onfocus: the element obtains the focus.
    • 
 
  
  • Onkeydown: a keyboard button is pressed.
    • 
 
  
  • Onkeypress: a keyboard key is pressed and released.
    • 
 
  
  • Onkeyup: a keyboard button is released.
    • 
 
  
  • Onload: a page or image is loaded.
    • 
 
  
  • Onmousedown: the mouse button is pressed.
    • 
 
  
  • Onmousemove: The mouse is moved.
    • 
 
  
  • Onmouseout: removes the mouse from an element.
    • 
 
  
  • Onmouseover: move the mouse over an element.
    • 
 
  
  • Onmouseup: the mouse button is released.
    • 
 
  
  • Onreset: the reset button is clicked.
    • 
 
  
  • Onresize: the window or frame size is adjusted again.
    • 
 
  
  • Onselect: The text is selected.
    • 
 
  
  • Onsubmit: Click the OK button.
    • 
 
  
  • Onunload: the user exits the page.
    • 

 


3. Mouse/keyboard properties:


 
    
 
  
  • AltKey: returns whether "ALT" is pressed when the event is triggered.
    • 
 
  
  • Button: Specifies the mouse button that is clicked when the event is triggered.
    • 
 
  
  • ClientX: returns the horizontal coordinates of the mouse pointer when an event is triggered.
    • 
 
  
  • ClientY: returns the vertical coordinates of the mouse pointer when an event is triggered.
    • 
 
  
  • CtrlKey: returns whether the "CTRL" Key is pressed when the event is triggered.
    • 
 
  
  • MetaKey: returns whether the "meta" Key is pressed when an event is triggered.
    • 
 
  
  • RelatedTarget: return the node associated with the event's target node.
    • 
 
  
  • ScreenX: returns the horizontal coordinates of the mouse pointer when an event is triggered.
    • 
 
  
  • ScreenY: returns the vertical coordinates of the mouse pointer when an event is triggered.
    • 
 
  
  • ShiftKey: returns whether the "SHIFT" Key is pressed when the event is triggered.
    • 

 


4. Standard Event attributes:


 
    
 
  
  • Bubbles: returns a Boolean value indicating whether the event is a bubble event type.
    • 
 
  
  • Cancelable: returns a Boolean value indicating whether the event can hold the default action that can be canceled.
    • 
 
  
  • CurrentTarget: the element whose event listener triggers the event.
    • 
 
  
  • EventPhase: returns the current stage of event propagation.
    • 
 
  
  • Target: returns the element that triggers this event (the target node of the event ).
    • 
 
  
  • TimeStamp: returns the date and time of event generation.
    • 
 
  
  • Type: return the name of the Event represented by the current Event object.
    • 

 


5. Standard Event method:


 
    
 
  
  • InitEvent (): initializes the attributes of the newly created Event object.
    • 
 
  
  • PreventDefault (): notifies the browser not to perform the default action associated with the event.
    • 
 
  
  • StopPropagation (): no longer distributes events.
    • 

 


☞Example of user name and password:


<Html> 



☞The effect on Firefox is not displayed. It is better to switch to IE!


User name:

Password:

Confirm Password:


 


 


 


 


 


 


 


 


 


 

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
convert html to amp html amp laravel escape amp amp events xxx amp sitefinity amp thinkgeek amp

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More