前端知识文库 今日: 0|主题: 161|排名: 34 

什么情况下会使用到页面加载进度条？当页面中的需要加载的内容很多，用户直接进入则看不到任何内容，体验不好，这个时候就需要使用到页面加载的一个动画，在页面加载结束后再显示主体内容。实现页面加载进度条有哪几种方式？一般可分为两种，1.设置多少时间后显示页面，2.根据页面加载的文档状态来实现 如何根据文档状态来 ...

使用HTML5里播放视频的代码方法视频： 注意：这里摆放视频zhi格式的顺序很重要，因为有些版本的谷歌浏览器里，如果.webm格式的视频放在了其他视频后面，视频将无法播放。

这个就能让图片垂直居中显示!

使用 position:sticky 实现粘性布局 如果问，CSS 中 position 属性的取值有几个？ 大部分人的回答是，大概是下面这几个吧？ 额，其实，我们还可以有这 3 个取值： 没了吗？偶然发现其实还有一个处于实验性的取值，position:sticky： 卧槽，什么来的？ 前端发展太快，新东西目接不暇，但是对于有趣的东西，还是忍不住一探 ...

JavaScript replace() 方法 定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 语法返回值一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。 说明字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObj ...

css 实现背景图片平铺整个屏幕

js-循环执行一个函数 js里的两个内置函数：setInterval()与setTimeout()提供了定时的功能，前者是每隔几秒执行一次，后者是延迟一段时间执行一次。javascript 是一个单线程环境，定时并不是很准，遇到阻塞的操作会延迟，代码：以上代码会每隔一分钟弹窗，如果不关闭弹窗。Js不会在下一秒执行这个函数。也就说，被阻塞了。除 ...

cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。附：cursor属性收集 光标 ...

第三种方法：如果要打印的页面排版和原web页面相差很大，采用此种方法。点打印按钮弹出新窗口，把需要打印的内容显示到新窗口中，在新窗口中调用window.print()方法，然后自动关闭新窗口。 window.print可以打印网页，但有时候我们只希望打印特定控件或内容，怎么办呢？ 首先我们可以把要打印的内容放在div中，然后用下面的 ...

第二种方法：指定打印区域 把要打印的内容放入一个 span或div，然后通过一个函数打印。 如果要打印的只是整个页面中的一小部分，就最好采用第二种方法。

第一种方法：指定不打印区域 使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。 细如下： 要打印的内容。哈哈！

在我们进行web开发的时候，通常会需要用到打印，然而，由于web技术的限制及考虑到安全的问题，一直以来，web打印的功能都是非常弱的，对此，我们也只能接受。也许你在开发过程中经常会遇见客户对你说，“你们系统的打印太差了，你看看excel的打印多好啊，”，面对这样的用户，我们除了苦笑，还能说什么呢？如果你对 ...

基于web的套打，难度在于要将浏览器中呈现的html，精确地打印到票据中，而且能够实现对分页位置的控制。下面就ie浏览器所能采用的套打解决方案，来个汇总分析，希望对大家有所帮助。 　　一、浏览器的打印功能菜单 　　这种方案的优势是不需要对浏览器作任何扩充，是最简单的办法，但问题也最多，如： 　　不能精确分页 ...

每次遇到中文排版页面时，需要每个段落开头缩进两格。之前傻乎乎的，用程序检测标签来进行中文段落开头的空两格缩进，还在骂HTML怎么就不能像WORD一样，自动识别中文编排格式。直到今天和公司美工在做项目时，才从他那里得知，原来自己是坐在井底看天了，CSS的一个属性就可以搞定所有的段落。废话不多说，看代码： 只要将 ...

本章向您讲解如何查找和访问 HTML 页面中的 HTML 元素。 查找 HTML 元素通常，通过 JavaScript，您需要操作 HTML 元素。为了达成此目的，您需要首先找到这些元素。有好几种完成此任务的方法： [*]通过 id 查找 HTML 元素 [*]通过标签名查找 HTML 元素 [*]通过类名查找 HTML 元素 [*]通过 CSS 选择器查找 HTML 元素 [*]通过 ...

html5手机浏览器启动微信客户端支付实例，微信支付h5外部浏览器H5支付技术，如何在手机浏览器微信支付，在微信客户端外的移动端网页使用微信支付 首先在微信支付官网https://pay.weixin.qq.com/【我的产品】申请h5支付，免费申请的哦，很快就可以下来。若出现上方截图说明您申请h5支付成功了，然后在产品中心->开发配置->H ...

最近看到网上一篇文章，标题叫做《2016年 最火的 15 款 HTML5 游戏引擎》。目前针对HTML5游戏的解决方案已经非常多，但谁好谁差却没有对比性资料。特意花了几天时间，针对文章中出现的12款免费开源引擎做了一次相对完整的对比分析，希望能对大家有所帮助。 针对技术类产品对比，通常有多个维度进行对比，不仅仅是技术层面， ...

使用JS来控制滚动更为妥当; 选择这个容器, div.scrollTop =xx;div.scrollLeft=xx;

document.getElementById(id).innerHTML=trHtml; 上述代码在IE6-9中无效（IE10正常），直接报错： 　　IE9：Invalid target element for this operation. 　　IE6-8：Unknown runtime error 发现是在IE6-IE9下，下列元素table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset的innerHTML属性是只读的 解 ...

就是这个代码了 他能够让用户进入页面后页面自动刷新一遍;

JavaScript声明全局变量三种方式的异同 JavaScript中声明变量格式：var（关键字）+变量名(标识符)。 方式1 var test; var test = 5; 需注意的是该句不能包含在function内，否则是局部变量。这是第一种方式声明全局变量。 方式2 test = 5; 没有使用var，直接给标识符test赋值，这样会隐式的声明了全局变量test。即使该语 ...

pause()方法只是暂停，这里重新load之后，再次play，音乐可重头播放 参考W3C详细文档：http://www.w3school.com.cn/jsref/dom_obj_audio.asp

角度的单位 CSS3新增，角度单位有四种，在所有可使用角度的地方均可使用这四种单位，但是需要注意兼容性，除turn单位外其他单位均可兼容IE9+浏览器版本。 单位说明： 90deg = 100grad = 0.25turn ≈ 1.570796326794897rad 单位说明 deg度数，一个圆共360度，支持IE9+ grad梯度，一个圆共400梯度，支持IE9+ rad弧度， ...

在介绍有关transform相关的知识之前，先来讲一下transform-origin的用法以及关于角度的几种取值单位。另外，在使用时，为了兼容各个浏览器，可加上浏览器的私有前缀［－moz- -webkit -ms-］。 transform-origin 设置对象变换的原点，通常和rotate旋转、scale缩放、skew斜切等一起使用，IE9+ 2D情况下：默认值 50% 50%， ...

看到别人写 transform 我也想要试一试 Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。 默认值:none 继承:no 版本: CSS3 JavaScript 语法: object.style.transform="rotate(7deg)" 语法: transform: none|transform-functions; ...