Full-stack JavaScript path (20) html 5 insertion html Tag (2) insertAdjacentHTML, full-stack javascript path
InsertAdjacentHTML (), which was first introduced in IE, is now included in the html5 specification. It accepts two para
full-stack web development language. In particular, after the rise of HTML5, JavaScript is no longer confined to the browser side, but extends its tentacles to all aspects of the network, including the IoT side, mobile phones and traditional PC-side. HTML5 is a browser-designed, well-developed JavaScript cross-platfor
Full-stack JavaScript path (22) IE proprietary extension-document mode, javascript path
Ie8 introduces a new concept, "document mode". The document mode of the page determines what functions can be used. That is to say, the "document mode" determines the level of css you can use and what APIs you can use in
Fangxiao (lufax, Front-End Engineer)adapting to the reader
Front End Engineer
Front-End architect
JavaScript enthusiasts
Test Engineer
Eat the melon crowd
What is JavaScript full stack? Most people think that JS is not to deal with the DOM element, write the page, in fact,
Future IoT full stack development--javascript OR Python.The development of IoT involves a lot of complex and long development cycle, so we must find a wide range of programming languages and methods.JavaScript supports HTTP and JSON, supports functional programming, and provides an interactive environment that can be applied to all
Copyright NOTICE: This article is the main Dujinyang original article, without the owner's permission can not be reproduced, if the infringement will be prosecuted for its legal liability.
Directory (?) [+] Let's talk about Javascript, and again, who's the king of the Python future?
Future IoT full stack development--javascri
Full-stack JavaScript path (18) HTML5 custom data attributes, javascripthtml5
HTML5 specifications stipulate that you can customize non-standard attributes for elements, but you need to add a data-prefix.
The purpose is to provide elements with information or semantic information irrelevant to page rendering. These attribute names can be added at will, as long a
Full-stack JavaScript path (14) class Attribute-related extensions in HTML5, html5class
1. getElementByClassName (): browsers that support the getElementsByClassName () method include IE 9 +, Firefox 3 +, Safari 3.1 +, Chrome and Opera 9.5 +.
2. classList attribute: The classList attribute is an instance of the new collection type DOMTokenList. the DOMTokenList
Path to full-stack JavaScript (19th) html 5 insertion of html tags (1) innerHTML and outerHTML, html5outerhtml
It is difficult to use DOM operations to insert a large number of html tags to a document. You must not only create a series of nodes, but also carefully link them in order.
Using the html tag insertion technology, you can directly insert html code stri
Full-stack JavaScript path (15th) HTML5 focus extension (focus extension), html5
HTML5 adds the focus management function. The focus of documents can be obtained through page loading, user input (usually by pressing the tab key), and the focus () function is called in the code.
The attributes and methods of the auxiliary management focus added by HTML5 include:
property). This includes all computed styles for the current element.(There is no getComputedStyle () method in IE, but in IE, each element with a style attribute has a Currentstyle attribute, which is an instance of the Cssstyledeclaration type)The border property may or may not return the actual border rule in the style sheet (Opera will return but not other browsers).The reason for this area is that different browsers interpret synthetic (rollup) attributes, such as border, in different ways
HTML5 added to help manage focus product features, there are ways to obtain focus documents; Page load, user input (usually by tab bond). and invoke the Code focus () feature.HTML5 new properties and methods to assist in the management of the focus:Document.activeelement property, Element. The document load period value is null and the document is loaded and saved as a reference to document.body.Document.hasfocus () method to determine whether a document has focus.The two most important use of q
Full-stack JavaScript (12) Understanding of Selector APIs
Before 2008, almost all DOM extensions in browsers were proprietary. Since then, W3C has begun to standardize and write some proprietary extensions that have become fact standards.
The core of Selector API level 1 is two methods: querySelector () and querySelectorAll (). It can be called by a Docuemnt no
HTML5 expands the HTMLDocument,A new feature has been added.
1.document.readstate = ' Loading ' | | The ' complete '//readystate-enabled browser has ie4+, Firefox 3.6+, Safari, Chrome and opera + +.
2.document.compatmode = ' Css1compat ' | | The ' Backcompat '//browser that implements this property is Ie6,firefox, Safari 3.1+, Opera, and Chrome. Finally, HTML5 also incorporates this attribute into the standard. The fact is now clearly defined.
3.document.head//
Full-stack JavaScript path (23) DOM2 and DOM3, involving XML namespace extension (1), dom2dom3
The preceding example shows how to use xmlns to specify a namespace and use xmlns: prefix to specify a prefix. Once a prefix is specified, it must be used for the current element and child element.
Sometimes, to avoid conflicts between different languages, you also n
Full-stack JavaScript (24) DOM2 and DOM3, which do not involve XML namespace extension, dom2dom3
(1) three attributes are added to the DocumentType change: publicId, systemId, and internalSubset (internal subset)
You can access the file by using document.doctype.publicId,document.doctype.systemId,document.doc type. internalSubset.
Export document.doc type. i
Full-stack JavaScript path (13) Understanding of ElementTraversal specifications
Browsers supporting Element Traversal specifications include IE 9 +, Firefox 3.5 +, Safari 4 +, Chrome and Opera 10 +.
For spaces between elements, no document node is returned before IE9, and all other browsers will return the document node.
In order to be compatible with the d
not include HTML element tags, the result is to set plain text, such as:div.innerhtml = "Hello";Suppose the string includes HTML tags, such asdiv.innerhtml = "Hello Welcome, The results of the above write mode operations are as follows:After the innerHTML has been set. You can access the newly created node as you would any other node in the document.After you set the HTML string for innerHTML, the browser parses the string into the corresponding DOM tree. Therefore, after setting the innerHTML
When it comes to arm instruction, it is possible to distort the meaning of the full stack and the empty stack literally. Imagine, "full stack" is a full stack, can no longer store data,
balance them.Full stack engineers VS experts
The human brain is like an empty loft, and some furniture should be installed selectively.
What Conan Doyle said makes sense. Because the size of the attic is limited, it is assumed that it is a bookshelf. The shelves of Full-stack engineers will be filled with a variety of technical stacks from MySQL, SQLite, Mo
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.