HTML5新特性有哪些

发布时间:2021-12-10 15:18:15 作者:iii
来源:亿速云 阅读:182

本篇内容主要讲解“HTML5新特性有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“HTML5新特性有哪些”吧!

Web存储

它具有以下特征:

会话存储

引用:

会话存储必须用于处理机密和敏感信息的网络活动,如信用卡号码,社会保险号码和登录证书。这些信息很容易受到“DNS欺骗”的攻击,所以不应该存储超过一个单个会话。”

<span data-mce-  font-size:16px;"="">如何创建并访问一个 sessionStorage:

<script type="text/javascript"> sessionStorage.lastname="Smith";

document.write(sessionStorage.lastname); <!--script>

本地存储,数据以字符串的形式进行存储,并且会一直持续下去(除非你明确地删除它)。即使浏览器窗口关闭了数据也会一直存在,同时如果接下来对相同 origin 的访问使用的是相同的浏览器,那么数据也是可用的。本地存储是专为存储跨越多个浏览器窗口和持续的时间超过当前会话的数据。

一个网站可以让用户自定义网页的主题和布局,并在本地存储中保存这些设置。以这种方式,用户可以在后续访问中看到自己个人的网页。

<span data-mce-  font-size:16px;"="">如何创建和访问 localStorage:

<script type="text/javascript"> localStorage.lastname="Smith";

document.write(localStorage.lastname);

 

HTML geolocation API 只有一个对象,就是 navigator.geolocation 对象。你可以将 navigator.geolocation 比作浏览器中的指南针。浏览器是否支持这个 API,还有待确认。你可以通过将以下的 if-else 写入到自己的代码中,来检测浏览器是否支持。
// Check whether browser supports Geolocation API or not if (navigator.geolocation) // Supported { // place the geolocation code here } else // Not supported {
    alert("Oop! This browser does not support HTML5 Geolocation.");
}

getCurrentPosition()

watchPosition()

该 watchPosition()方法会返回一个 watch ID,当不再需要获取位置时,可以用 watch ID 来停止 watchPositon()方法。

 

我们已经很熟悉拖放电脑桌面上的文件、文件夹和图标了。拖放是一种任何的桌面应用具有的强有力的也是理所当然应该具备的用户交互。使用像鼠标这样的指针设备,通过拖放来实现拷贝,插入和删除任何电脑桌面上的文件和对象。

设置元素为可拖放

到此,相信大家对“HTML5新特性有哪些”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

推荐阅读:
  1. HTML5的新特性
  2. html5有哪些新特性

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5

上一篇:css样式的继承性、层叠性 、优先级有什么作用

下一篇:Canvas怎么使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》