HTML
Deniro Lee
这个作者很懒,什么都没留下…
展开
-
JavaScript 简介和嵌入 HTML 页面的方法
1 JavaScript 简介JavaScript 是一种专为网页设计的交互式脚本语言。她由以下三部分组成:ECMAScript:由 ECMA-262 定义,提供核心语言功能。文档对象模型(DOM):提供访问和操作网页内容的 API。浏览器对象模型(BOM):提供访问和操作浏览器的 API。这三个部分,在目前主流的五大浏览器中(Chrome、Firefox、IE、Safari、Opera)都原创 2017-01-12 10:54:01 · 1540 阅读 · 0 评论 -
说说与 DOM 节点有关的 JavaScript 在 HTML5 上的扩展
1 与类相关的扩充HTML5 新增了很多致力于简化 CSS 类的用法。1.1 getElementsByClassName()可以在 document 对象以及所有的 HTML 元素上调用该方法。它接受一个参数,即包含一个或者多个类名的字符串,返回带有指定类的所有元素的 NodeList。//取得所有类中包含 “username” 和 “current” 的元素,与类型的顺序无关var allCu原创 2017-05-11 15:59:21 · 494 阅读 · 0 评论 -
说说 DOM1 级的节点层次以及 JavaScript 对它的支持
DOM 会将任意的 HTML 或 XML 文档描绘成由多节点构成的结构。即表现为以一个特定节点为根节点的树型结构:比如下面这个 HTML:<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body></html>这个例子中的 <h原创 2017-05-04 15:21:16 · 750 阅读 · 0 评论 -
说说 JavaScript 在 DOM2 级标准中定义的遍历规则
DOM2 级标准定义了两个用于完成顺序遍历 DOM 结构的类型:NodeIterator 和 TreeWalker。它们都能够基于给定的起点对 DOM 结构进行深度优先遍历。与 DOM 兼容的浏览器(Firefox 1+、Safari 1.3+、Opera 7.6+、Chrome 0.2+)都支持这两个类型。IE 不支持!以下代码可以检测浏览器是否支持 DOM2 级遍历: var supp原创 2017-05-25 15:20:21 · 739 阅读 · 0 评论 -
说说如何使用 HTML5 实现拖放功能(使用原生 API)
拖放指的是在框架间、窗口间或者应用间拖放网页元素。1 拖放事件拖放事件分为两种:被拖动的元素上触发的事件以及放置目标上触发的事件。拖动某元素时,将依次触发以下事件:dragstartdragdragend按下鼠标键并开始移动鼠标时,在被拖动的元素上触发 dragstart 事件。光标变为不能放的符号(因为不能拖放到自己身上)。在元素被拖动期间会持续触发 drag 事件。这与 mousemov原创 2017-07-20 15:31:13 · 854 阅读 · 0 评论 -
说说如何使用 HTML5 嵌入音频和视频(媒体标签)
HTML5 使用 audio 和 video 元素来嵌入音频和视频内容。另外还提供了与这两个标签相关的 JavaScript API,这样就可以创建我们自己的音视频控件咯:<!-- 嵌入视频 --><video id="player" src="xxx.ogg" poster="mymovie.jpg" width="300" height="200">原创 2017-07-25 15:28:45 · 11158 阅读 · 0 评论 -
说说如何使用 HTML5 对浏览器的历史状态进行管理
现代的 Web 应用,几乎都是 AJAX 的局部刷新,所以导致浏览器的“后退”和“前进”失去了意义。在 HTML5 中可以通过更新 history 对象来管理这些历史状态。首先通过 haschange 事件,可以获知 URL 的参数发生了什么变化。然后通过状态管理 API,可以在不加载新页面的情况下改变浏览器的 URL。history.pushState() 方法接收 3 个参数:状态对象、新状态的原创 2017-07-25 15:52:30 · 950 阅读 · 0 评论