Cross-browser local storage Ⅰ

Cross-browser local storage Ⅰ

Original text: http://www.planabc.net/2008/08/05/userdata_behavior/
The most popular local storage nowadays is the application of cookies, but browsers have many restrictions on cookies. The biggest restriction is the total size of cookies, which is only about 4K (including name, value and equal sign).
For more complex applications and requirements, the 4K size is still a bit insignificant. In fact, many browsers (IE, Firefox, Safari) also provide their own local storage functions, which may meet our needs in specific environments.
1. userData behavior
Browser support: IE5.0 or above Basic syntax: XML:
<Prefix: CustomTag id=sID style=”behavior:url('#default#userData')” /> HTML:
<ELEMENT style=”behavior:url('#default#userData')” id=sID>
object.style.behavior = "url('#default#userData')" Script:
object.addBehavior("#default#userData")
Attribute: expires - Sets or gets the expiration date of the data saved by the userData behavior. XMLDocument -- Get a reference to the XML.
Method: getAttribute() - Gets the specified attribute value. load(object) – loads the stored object data from the userData storage area. removeAttribute() – Removes the specified attribute from an object. save(object) – stores the object data into a userData store. setAttribute() – Sets the specified attribute value.
Remark:
    For security reasons, a userData storage area can only be used to store data in the same directory and for the same protocol. Using userData behavior incorrectly may harm your application. Data in the userData storage area is not encrypted and therefore not secure. Any application that can access the UserData disk can access the data, so it is recommended not to save sensitive data, such as credit card numbers. For details: "Security Considerations: DHTML and Default Behaviors" userData behavior stores information in the storage area across sessions, which provides a dynamic data structure and larger capacity than cookies (generally 4KB). The capacity of the userData storage area depends on the security domain of the domain. The following table shows the maximum userData storage capacity, for both individual documents and for all documents in the entire domain, but based on security domains.
    Security Zone Document Limit (KB) Domain Limit (KB)
    Local achine 128 1024 Intranet 512 10240 Trusted Sites 128 1024 Internet 128 1024 Restricted 64 640 If you set the userData behavior to the html, head, title, or style objects, an error will occur when the save and load methods are called. If you must set it in style, you can set it inline or in the document header, for example:
    <style>
    .storeuserData {behavior:url(#default#userData);}
    </style>     The ID is optional for the userData behavior, but will improve performance if included. userData can save data in XML format on the client computer, usually in the C (WIN system disk):\Documents and Settings\XXX\UserData\ folder. The userData data always exists unless it is manually deleted or the expiration date (expires) of the data is set by a script.

Mostly translated from: 《userData Behavior》

<<:  Docker image loading principle

>>:  Do you know what are the ways to jump routes in Vue?

Recommend

Detailed explanation of the basic usage of the img image tag in HTML/XHTML

The image tag is used to display an image in a we...

Summary of MySql index, lock, and transaction knowledge points

This article summarizes the knowledge points of M...

Usage of MySQL time difference functions TIMESTAMPDIFF and DATEDIFF

Usage of time difference functions TIMESTAMPDIFF ...

MySQL 8.0.17 installation and configuration graphic tutorial

This article records the graphic tutorial of MySQ...

Implementation of building Kubernetes cluster with VirtualBox+Ubuntu16

Table of contents About Kubernetes Basic environm...

Implementing form submission without refreshing the page based on HTML

Using ajax to implement form submission without re...

Will mysql's in invalidate the index?

Will mysql's IN invalidate the index? Won'...

A brief analysis of how to use border and display attributes in CSS

Introduction to border properties border property...

SQL interview question: Find the sum of time differences (ignore duplicates)

When I was interviewing for a BI position at a ce...

Detailed explanation of the pitfalls of MySQL 8.0

I updated MySQL 8.0 today. The first problem: Nav...

Docker deploys mysql to achieve remote connection sample code

1.docker search mysql查看mysql版本 2. docker pull mys...

Implementation of element shuttle frame performance optimization

Table of contents background Solution New Questio...

Steps to create a WEBSERVER using NODE.JS

Table of contents What is nodejs Install NodeJS H...

How to use JS to check if an element is within the viewport

Preface Share two methods to monitor whether an e...

Detailed steps for setting up a nexus server

1. The significance of building nexus service As ...