相对路径的概念 以当前文件所在位置为参考点，建立目标文件的路径。 绝对路径的概念 整个文件的完整路径，比如X:\www\web\index.html，或者 http://waldo.com.cn/index.html 。这两者都属于绝对路径。 相对路径多种使用方式详解 假设当前有一个页面，要链接到一个页面名称为test.html的页面，以下展示多种相对路径的表达方式相对路径范例路径所表示的含义href="test.html"表示此页面就在当前页面所在目录下href="./test.html"表示此...
( 网页加载时，有时内容过多，一直加载等待，而此时网页显示白色不显示任何的东西，给用户的体验相当不好，所以，一般会在网页加载成功前，会以进度条的形式，给用户进行展示。让用户可以看到动画，知道网页正在加载中) 常见的方式有以下： 1. 定时器的进度条（假的） <script type="text/javascript"> $(function(){ var loading=‘<div class="loading"><div class="pic"></div></div>‘; $("body").append(loading); ...
HTML Input 属性 value 属性 value 属性规定输入字段的初始值：<form action=""> <input type="text" name="name" value="脚本之家"> </form> readonly 属性 readonly 属性规定输入字段为只读（不能修改）： <form action=""> <input type="text" name="name" value="脚本之家" readonly> </form>readonly 属性不需要值。它等同于 readonly="readonly"。 disabled 属性 disabled 属性规定输入字段是禁用的; 被禁用的元素是不可用和...
经常用到这两个属性，但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结： 相同点：他们都会飘出一个小浮层，显示文本内容。 不同点： 1.alt只能是元素的属性，而title即可以是元素的属性也可以是标签，例如:<title>标题</title>。 2.alt属性则是用来指定替换文字，只能用在img、area和input元素中（包括applet元素），用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。注意，alt是替代图像作用而不...
本篇文章给大家带来的内容是关于localstorge,seesionstorage，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推进教程：Html5教程】sessionStorage属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保...
本篇文章给大家带来的内容是关于HTML5有哪些新特性？HTML5新特性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐教程：Html5教程】一：新增的功能更加语义化的元素。 article、footer、header、nav、section本地化储存。 localStorage 和 sessionStorage离线应用，离线缓存。 manifest拖曳以及释放的api。 Drag and drop媒体播放。 video 和 audio增强表单控件。 calendar、date、time、email、url、...
本篇文章给大家带来的内容是介绍如何实现一个简单的跑酷游戏？（代码详解）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。采用的物理引擎是：Phaser.js官网地址：http://phaser.io/在这里对此引擎不做过多介绍（因为我也是小白，嘿嘿）效果展示：源码（详细源码图片资源访问：https://github.com/ProsperLee）1.创建游戏舞台 var config = {type: Phaser.AUTO,width: 800,height: 400,physics: {default: ar...
这篇文章主要介绍了详解html5 postMessage解决跨域通信的问题的相关资料，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。本文介绍了详解html5 postMessage解决跨域通信的问题，分享给大家，具体如下：效果图：postmessage解析HTML5提供了新型机制PostMessage实现安全的跨源通信. 语法：otherWindow.postMessage(message, targetOrigin, [transfer]);otherWindow：其他窗口的一个引用, 比如IFRAME的contentWind...
这篇文章主要介绍了详解WebSocket跨域问题解决的相关资料，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。WebSocket protocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信，同时允许跨域通讯，是server push技术的一种很好的实现。我们使用Socket.io，它很好地封装了webSocket接口，提供了更简单、灵活的接口，也对不支持webSocket的浏览器提供了向下兼容。项目中遇到javascript跨域问题，父页面和...
本篇文章给大家带来的内容是关于移动端中touch事件的详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1.touchstart当手指触碰屏幕时候触发dom.addEventListener(touchstart,function(e){}); startX=e.touches[0].clientX;事件返回的e对象包含的移动端特有的属性： tarchTouches:目标元素的所有当前触摸 changedTouches:页面上最新更改的所有触摸 touches: 页面上所有的触摸2.touchmove手指在屏幕上滑动时连续...
本篇文章主要为大家讲解了html5中一个新标签，html5 ruby标签，虽然不算是新的，但也是在html5里新的标签，html5 ruby标签的定义和具体的用法实例都在这篇文章中，希望大家认真阅读html5 ruby标签的定义和用法：<ruby> 标签定义 ruby 注释（中文注音或字符）。在东亚使用，显示的是东亚字符的发音。与 <ruby> 以及 <rt> 标签一同使用：ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的...
本篇文章主要的向大家介绍了关于html5 command标签的定义和用法，还有关于html5 command标签的使用案例详解，虽然<command>标签不被大多数主流的浏览器支持，可小编觉得这个标签还有有些用处的，看完这篇文章，说说你的想法呗html5 command标签的定义和用法：command 元素表示用户能够调用的命令。<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会...
本篇文章主要的向大家介绍了关于html5 header标签的元素的基本介绍，和header标签的用法实例解析。下面就让我们一起来看看这篇关于html5 header标签的文章吧一、首先我们来说说html5 header标签元素基本介绍header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他的内容，比如在header里面放置logo图片、搜索表单等等。注意：一个页面内并没有限制header的出现次数，...
HTML5 figure标签是什么意思？HTML5 figure标签的使用方法你想知道吗？接下来介绍今天的这篇文章，主要讲述了HTML5 figure标签的定义和用法（附实例）HTML5<figure>标签的定义和用法：<figure> 标签用于对元素进行组合。<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。<figure> 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。HTML5<figure>标签的实例：文...
HTML5<embed>标签的用法你知道多少？接下来的这篇文章将给大家主要讲解关于HTML5<embed>标签的7种使用方法以及HTML5<embed>标签的属性用法。HTML5<embed>标签的定义和用法：<embed> 标签定义嵌入的内容，比如插件。下有实例：<embed src="helloworld.swf" />HTML5<embed>标签的属性：HTML5 embed标签使用方法和属性详解：基本语法 代码如下:embed src=url 说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3...