h5 的一些方法及属性
来源:互联网 发布:微信如何发淘宝优惠券 编辑:程序博客网 时间:2024/06/06 01:53
判断当前网络
PhoneGap API中文帮助文档——Connection(连接)
navigator.connection.type
var networkState = navigator.network.connection.type;
Connection对象提供对设备的蜂窝及WiFi连接信息的访问。
通过navigator.network接口访问该对象。
属性:
connection.type
常量:
connection.UNKNOWN
connection.ETHERNET
connection.WIFI
connection.CELL_2G
connection.CELL_3G
connection.CELL_4G
connection.NONE
connection.type
input file
多张图片 属性 multiple
移动端选择图片 accept="image/*"
accept="image/*;capture=camera" 直接调用相机
accept="image/*" 调用相机 图片或者相册
多张图片js
DOM.files
图片转base64
let imgs = document.getElementById('upLoad')let reader = new FileReader()reader.readAsDataURL(imgs.files[0])reader.onload = function (e) { let event = this console.log(event.result)【base64编码】}
H5本地存储
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了
sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了
localStorage和sessionStorage使用时使用相同的API:
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”localStorage.getItem("key");//获取名称为“key”的值枚举localStorage的方法:for(var i=0;i<localStorage.length;i++){var name = localStorage.key(i);var value = localStorage.getItem(name);}
删除localStorage中存储信息的方法:
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
通过getItem或直接使用localStorage["key"]获取到的信息均为实际存储的副本。
例如:localStorage.key = {value1:"value1"};localStorage.key.value1='a';这里是无法对实际存储的值产生作用的,下面的写法也不可以:localStorage.getItem("key").value1="a";
阅读全文
0 0
- h5 的一些方法及属性
- js 遇到的一些属性及方法
- JQuery jqGrid控件的一些属性及方法
- H5的canvas属性
- H5表格的属性
- h5的form属性
- H5的动画属性
- H5自身的属性
- IOS UItableView一些属性及方法
- H5本地存储LocalStorage的属性与方法
- H5表单和一些新属性
- H5的Video事件,控制方法,及监听
- H5新增的表单属性
- H5的新属性contenteditable
- h5新增标签及css3新增属性
- H5常用单词及标签、属性
- jquery对象和DOM对象调用一些方法及属性的区别(收集中)
- 黑马程序员———方法属性及类的一些修饰符
- WebView.destroy()报错called while still attached
- 一个成功的分析团队:角色与职责
- 6-1 顺序表操作集
- 滑动窗口的最大值
- C语言实现字符串切片
- h5 的一些方法及属性
- Hadoop环境搭建
- Android onCreate等多次被执行的问题
- JavaScript 扫雷
- BP神经网络以及在手写数字分类中python代码的详细注释
- python学习
- Javascript面向对象编程(二):构造函数的继承
- The method getTextContent() is undefined for the type Node
- swing美化效果