Cookies are exposed as the cookie property of the Document object. This property is both readable and writeable.

You can see Cookies in Google Chrome by following chrome://settings/content/cookies

Creating Cookies

When you assign a string to document.cookie, the browser parses it as a cookie and adds it to its list of cookies. There are several parts to each cookies, many of them optional.

Syntax: –

document.cookie = “name=value”;
document.cookie = “name=value; expires=date; domain=domain; path=path; secure”;
document.cookie = “name=value; max-age=inSecond; domain=domain; path=path; secure”;

Ex:-

Creating Cookies

Optional Cookies Attribute:-

max-age
expires
domain
path
secure

Whenever you omit the optional cookie fields, the browser fills them in automatically with reasonable defaults.

max-age

It is used to create persistent cookies. It is supported by all modern browsers except IE.

Type of cookies: –

• Session Cookies – Cookies that are set without the expires/max-age field are called session cookies. It is destroyed when the user quits the browser.
• Persistent Cookies – The browser keeps it up until their expiration date is reached.

Ex:-

expires

It is used to create persistent cookies.

Type of cookies: –

• Session Cookies – Cookies that are set without the expires/max-age field are called session cookies. It is destroyed when the user quits the browser.
• Persistent Cookies – The browser keeps it up until their expiration date is reached.

Ex:-

document.cookie = “username=devops; expires=Monday, 3-Sep-2018 09:00:00 UTC”;

domain

It specifies the domain for which the cookie is valid. If not specified, this defaults to the host portion of the current document location. If a domain is specified, subdomains are always included.

Ex: –

path

Path can be / (root) or /mydir (directory). If not specified, defaults to the current path of the current document location, as well as its descendants.

Ex: – document.cookie = “username=devops; path=/”;

Ex: – document.cookie = “username=devops; path=/home”;

secure

Cookie to only be transmitted over secure protocol as https. Before Chrome 52, this flag could appear with cookies from http domains.

Ex: – document.cookie = “username=devops; secure”;

The post How many create cookies in JavaScript? appeared first on scmGalaxy.

JavaScript provides access to the forms within an HTML document through the Form object known as HTMLFormElement in the DOM. Which is a child of the Document Object.

Properties

Properties

Methods

Events: –

• onreset
• onsubmit

The post How to use Form Handling in javascript appeared first on scmGalaxy.

• The Document Object Model (DOM) is an Application Programming Interface (API) for HTML and XML documents.
• With the Document Object Model, programmers can create and build documents, navigate their structure, and add, modify, or delete elements and content.
• The DOM is an object-oriented representation of the web page, which can be modified with a scripting language such as JavaScript.
• The DOM model represents a document with a logical tree.
• According to Document Object Model (DOM), every HTML-tag is an object. Nested tags are called “children” of the enclosing one. All operations on the DOM start with the document object. From it, we can access any node.
• The Document Object Model can be used with any programming language.

DOM Levels

• DOM Level 0 – This level supports the common document object collections – form[ ], image[ ], anchors[ ], links[ ] and applets[ ]. This is also known as classic or traditional JavaScript Object Model. •

• DOM Level 1- It provides the ability to manipulate all elements in a document through a common set of functions. In this level, all elements are exposed and parts of the page can be read and written to at all times.

• DOM Level 2 – It provides further access to page elements primarily related to CSS and focuses on combining Level 0 and Level 1 while adding improved support for working with XML documents.

DOM Levels

• DOM Level 3 – Enhanced Level of Level 1 and Level 2 and added support for XPath and keyboard event handling.

• DOM Level 4 – Enhanced  year 2015

Categories of DOM

• DOM Core – It specifies a generic model for viewing and manipulating a marked-up document as a tree structure.

• DOM HTML – It specifies an extension to the core DOM for use with HTML. This represents DOM Level 0 with capabilities for manipulating all of the HTML element objects.

• DOM CSS – It specifies the interfaces necessary to manipulate CSS rules programmatically.

• DOM Events – It adds event handling to the DOM.

• DOM XML – It specifies an extension to the Core Dom for use with XML.

Document Tree

DOM Node Types

Node Relationship

• Parent
• Children
• First Child
• Previous Sibling
• Next Sibling
• Last child

DOM Node Properties

The post What is the use of the document object model in JavaScript? appeared first on scmGalaxy.