HTML XML
什么石头
这个作者很懒,什么都没留下…
展开
-
HTML <!DOCTYPE> 标签
实例<!DOCTYPE html> <html> <head> <title>文档的标题</title> </head><body> 文档的内容...... </body></html>浏览器支持IE Firefox Chrome Safari Opera 所有浏览器都支持 声明。定义和用法<!DOCTYPE >声明必须是 HTML 文档的第一行,位于 标签之前。 <!转载 2015-02-14 10:37:39 · 326 阅读 · 0 评论 -
节点的操作
获取节点获取节点的方法getElementById getElementByClassName getElementByTagName querySelectorgetElementById这个方法只能由document这个对象触发var elm = document.getElementById(IDString); 注意:在操作的时候不要大规模添加ID,可以在一个模块的顶部等添加。getEle转载 2015-10-15 01:25:37 · 435 阅读 · 0 评论 -
domReady的实现策略
实现策略window.onload当页面和资源完全加载完毕后执行 <script> window.onload = function(){ ..... } </script>缺点:如果外部文档很多的时候加载缓慢,则会影响代码执行。jQuery方法DOMReady的jQ实现策略在页面的DOM树创建完成以后(也就是HTML解析第一步完成)即触发,而无需等待其他资源的加载。即DOMRead转载 2015-09-21 22:00:48 · 413 阅读 · 0 评论 -
浏览器渲染引擎
渲染器所有的HTML节点转换完成以后,就是DOM树构建完毕,即domReady. 浏览器如何将HTML标签解析成DOM树? 答:浏览器是通过渲染引擎实现的。 渲染引擎的职责就是把请求的内容显示到屏幕上,默认情况下能显示Html xml 及图片。通过扩展即插件可以显示pdf等。 渲染引擎的渲染流程 首先通过网络获得请求的内容,通常以8k分块方式完成 然后解析HTML构建DOM树(构建DOM节点) 构转载 2015-09-21 20:30:44 · 491 阅读 · 0 评论 -
兼容性
css常见兼容问题H5标签兼容在IE6,7下的兼容HTML5的标签在IE6, 7下不能使用,比如 等HTML5下新增的标签。需要兼容方案解决方案:引用一个js的库文件。 增加<script src="js/html5shiv.js"></script>的引用。 <!DOCTYPE html> <html> <head> <meta charset="utf-8">转载 2015-11-05 16:24:44 · 371 阅读 · 0 评论 -
HTML5存储方式
关于存储 服务器端cache缓存 数据库 磁盘文件 内存 HTML5之前通常使用cookies去存浏览器端的内容 特点:1.每次都会带上http请求头head上会带着。 2.对每个域名客户端只能存4k左右的大小 3.主Domain污染 不能存太多,会带来安全问题 cookies在浏览器端的存储形态H5试图解决 解决存储4k大小的问题 解决请求头带存储信息的问题 解决转载 2015-10-04 21:46:39 · 442 阅读 · 0 评论 -
DOM(中)
3.事件对象注:不同的事件,其事件对象内的属性并不完全一样,有共同的属性,也有自己独特的属性。 元素的事件触发以后,会自动将事件对象传入元素相应事件注册的函数内。如下图中的event就是自动传入的事件对象。 以上的并没有兼容IE中的,IE版本的事件对象是存在于window对象中。所以要兼容,如下图,通过event = event || window.event; 3.1事件对象event的转载 2015-10-17 23:43:05 · 279 阅读 · 0 评论 -
DOM事件(上)
DOM事件事件流 事件注册与触发 事件对象 事件分类 事件代理事件流什么是DOM事件?? 点击一个DOM元素 键盘按下一个键 输入框输入内容等等这些都会触发DOM事件事件流分为三个过程 1. capture phase 事件捕获过程 2. target phase 事件的触发过程 3. bubble phase 事件的冒泡过程 比如如图DOM树中,点转载 2015-10-17 23:26:43 · 312 阅读 · 0 评论 -
属性操作
HTML attribute->DOM property每个html 属性对应相应的DOM对象属性 可以通过JS进行属性操作 有以下三种方式--- property accessor 属性访问器 --- getAttribute/setAttribute --- datasetproperty accessor属性访问器属性访问器进行读取属性的操作属性访问器进行写操作直接通过个属性赋值的方转载 2015-10-17 16:48:36 · 669 阅读 · 0 评论 -
样式操作
通过JS动态的修改样式CSS->DOM 整张页面的样式表可以通过document.styleSheets来获得。内部样式表 style元素所代表的sheet属性为内嵌样式表 cssRules[]则代表列表,通过下标获取内联样式表更新样式element.style缺点:以element.sytle更新样式会使样式混在逻辑中,导致修改困难。更好的方法是更新class。将特定样式写在class中转载 2015-10-17 21:20:47 · 306 阅读 · 0 评论 -
CSS学习之:盒子模型
什么是盒子模型http://www.imooc.com/video/3225盒模型–边框(一)盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框: div{ border:2px solid red; } 上面是 border 代码的缩写形式,可以分开写:转载 2015-04-12 15:47:40 · 351 阅读 · 0 评论 -
XML DOM学习
XML DOM 节点理解XML 文档中的每个成分都是一个节点。 点 根据 DOM,XML 文档中的每个成分都是一个节点。 DOM 是这样规定的: 整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点关于文本节点知识点文本总是存储在文本节点中 在 DOM 处理中一个普遍的错误是,认为元素转载 2015-04-09 16:40:25 · 303 阅读 · 0 评论 -
XML学习
XML 的属性值须加引号与 HTML 类似,XML 也可拥有属性(名称/值的对)。 实体引用在 XML 中,一些字符拥有特殊的意义。如果你把字符 “<” 放在 XML 元素中,会发生错误,这是因为解析器会把它当作新元素的开始。 这样会产生 XML 错误:<message>if salary < 1000 then</message>为了避免这个错误,请用实体引用来代替 “<” 字符:<messa转载 2015-04-09 14:26:46 · 265 阅读 · 0 评论 -
行内元素与块级元素比较全面的区别和转换
http://blog.csdn.net/sykent/article/details/7738408转载 2015-04-13 00:54:17 · 337 阅读 · 0 评论 -
DOM
Document Object Model DOM包含: DOM Core DOM HTML DOM Style DOM EventHTML–>DOMhtml转换为DOM节点树 节点遍历如图对绿色的 p 节点的周围的节点的操作 node.parentNode 父节点 图中为body node.firstChild 第一个子节点,途中为hello转载 2015-10-14 21:49:42 · 248 阅读 · 0 评论