添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和 insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~参数资料：msdn.microsoft.com/en-us/library/ms536452(VS.85).aspxwww.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/ranges.html#Level2-Range...
最近在做公司移动端运营的项目，需求中多处地方都会涉及动画。相信很多前端开发都会有这种感触，对CSS3中的动画属性很熟悉，但是由于对动画运动过程的理解不深入，经常只能望而止步。CSS3中动画这在Web页面中具有点睛之笔，让人眼前一亮，这段时间我会抽空来整理关于动画这块的知识点，希望能在总结的同时分享给有需要的朋友们，如果有什么好的建议和想法欢迎相互交流学习。无论是动画还是别的CSS3的新特性在移动端都能得到很好的支...
渲染引擎渲染引擎的职责是……渲染，也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML，XML文档以及图片。 通过插件（浏览器扩展）它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途——显示用CSS格式化的HTML与图片。各种渲染引擎我们提到的Firefox, Safari两种浏览器构建于两种渲染引擎之上：Firefox使用Gecko —...
function checkVideo() {if (!!document.createElement(‘video‘).canPlayType) {var vidTest = document.createElement("video");oggTest = vidTest.canPlayType(‘video/ogg; codecs="theora, vorbis"‘);if (!oggTest) {h264Test = vidTest.canPlayType(‘video/mp4; codecs="avc1.42E01E, mp4a.40.2"‘);if (!h264Test) {document.getElementById("checkVideoResult").innerHTML = "Sorry. No video support.";} else {if (h2...
FROM: http://www.cnblogs.com/undefined000/p/5466626.html 针对Version 1.8.0的更新 最近升级到1.8.0，发现上面的操作失效了，于是改了一下(仅对Win)：首先界面按下Ctrl+Shift+P显示命令面板，输入ctr选择【任务：配置任务运行程序】然后选择【Others】，可以看到默认配置最后修改如下(删除其中一行)：{"version": "0.1.0","command": "Chrome","windows": {"command": "C:/Program Files (x86)/Google/Chrome/Application/...
地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，获取浏览器经纬度，并用腾讯地图（大家可以选择自己喜欢的地图）显示出来，实现的最终效果如下图所示：一、检测浏览器是否支持： if (navigator.geolocation) { //console.log("浏览器支持!"); }else {...
<!DOCTYPE html><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="https://code.jquery.com/jquery-git.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script></head><body><p class="pdf-wrapper"="to-...
autocomplete = "off"，实测无效。<input type="text" autocomplete = "off"/>readonly，Safari 测试无效。<input type="text" readonly onfocus="this.removeAttribute('readonly');"/>所以，应该怎么办才好呢？ 标签如何屏蔽浏览器的自动填写？' ref='nofollow'>HTML 标签如何屏蔽浏览器的自动填写？原文：https://www.cnblogs.com/zhaoziwei/p/10723046.html
① 新特性：1)绘画<canvas>。有关canvas的介绍请见：http://blog.csdn.net/zhouziyu2011/article/details/65682406和http://blog.csdn.net/zhouziyu2011/article/details/664749692)用于媒介回放的<video>和<audio>。有关video和audio的介绍请见：http://blog.csdn.net/zhouziyu2011/article/details/690849613)Web Storage的本地存储<localStorage>和会话存储<sessionStorage>。有关localStorage和sessionStorage的介绍请见：htt...
本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。目录1. 介绍：介绍页面的容器(屏幕、浏览器及页面)、物理尺寸与分辨率、展示等内容。2. 屏幕信息：介绍屏幕尺寸信息；如：屏幕、软件可用以及任务栏的高度和宽度。3. 浏览器信息：介绍浏览器尺寸信息；如：浏览器、内部页面以及工具栏的高度和宽度。4. 页面信息：介绍HTML页面尺寸信息；如：body总的、展示的高度和宽度。 一、介绍1. 容器一个页面的展示，从外到内的容器...
* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。 * 绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素，比如 article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术 webworker, websockt, Geolocation * ...
前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你 “看透” 页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者工具里面大部分项目的含义，能优化页面卡顿问题，使用 JavaScript 优化动画流程，通过优化样式表来防止强制同步...
转载：http://www.cnblogs.com/walkingp/archive/2011/04/02/2002668.html上一节我们已经讲了Chrome扩展的基础知识，并构建了基础的html，这一节我们将就html DOM添加部分添加脚本，即脚本在我们的popup页面中进行的操作，页面所产生的变化。正常情况下数据处理加载完成状态，这些数据是从本地数据读取的。点击“添加新项”，出现输入框，输入文字后回车提交数据：添加完成后将数据存储，同时添加DOM元素：考虑到功能最简化处理，...
在html头中加入以下3句话，可以防止大部分浏览器缓存 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"> <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT"> 或者js中加入类似下面的代码，让每次的链接都不一样 var s=Math.random()*10; document.getElementById("checkCodeImg").innerHTML="<img src=‘/checkcode.jsp?rnd="+s+"...
复制代码代码如下:<STRONG>现在越来越多的网站都提供视频播放（非插件）。HTML5 提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢，下面我们来写一个列子。</STRONG> 复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <body> <h1>HTML 5 视频</h1> <p>检测您的浏览器是否支...