keyCode事件属性event.keycode值大全
keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。那么window.event.keyCode == 8的js代码是什么意思？其实就是判断事件按下的是否为 BackSpace 键。
event.keycode值大全：
的
keycode 8 = BackSpace BackSpace...
jQuery判断访问的电脑浏览器还是手机浏览器
以下代码用于JQuery判断访问的浏览器的类型
$(function(){
var mobile_flag = isMobile(); // true为PC端，false为手机端
if(mobile_flag){
alert('PC端');
}else{
alert('手机端');
}
});
function isMobile() {
var userAgentInfo = n...
jquery实现购物车增加减少购买数量的代码
代码实现的效果点击增加、减少按钮实现购买数量的变动，只允许输入数字，禁止中文、英文或其它符号的输入。
HTML代码：
<div class="book">
<button class="sub">-</button>
<input type="text" class="num text" value="100"/>
<button class=...
input多图上传并即时显示的代码
以下代码经过Firefox、Chrome浏览器测试没有问题，其余浏览器未作测试。
HTML代码：
<div id="billList">
</div>
<div class="uploadBtn">
<div class="btn">
<p>点击上传</p>
<p>票据凭证</p>...
type="file"的input上传图片实时显示javascript代码
javascript函数代码：
function showPreview(source) {
var file = source.files[0];
if(window.FileReader) {
var fr = new FileReader();
console.log(fr);
var portrait = document.getElementById('avatar');...
判断滚动到指定位置的javascript代码
经常会用到，判断浏览器窗口是否滚动到指定id的区域。
javascript代码：
function isScrolledIntoView(el) {
var elemTop = el.getBoundingClientRect().top;
var elemBottom = el.getBoundingClientRect().bottom;
var isVisible = (elemTop...
关闭当前浏览器选项卡javascript代码
Firefox火狐浏览器默认情况下，windows.close()对于非window.open的页面无效，需要windows.close()生效需要修改浏览器的配置，即在firefox浏览器的地址栏输入:about:config然后找到dom.allow_scripts_to_close_windows;把false改为true，但是这对于网站来说，不可能去修改用户的浏览器设置的，因此还是要通过前端代码解决。
既然Fi...
新浪微博、QQ空间、QQ好友、微信分享javascript代码
点击分享至微信、空间、QQ和微信的javascript代码。
HTML代码部分：
<ul>
<li class="wb">
<a href="javascript:void(0);" onclick="shareUrl('weibo');">微博</a>
</li>
<li class="qz">
<a href="javascrip...
通过js获取当前页面url的信息
在web前端制作中，可以通过javascript获取当前网页url的相关信息，整理如下：
1、设置或获取对象指定的文件名或路径
window.location.pathname
2、设置或获取整个URL为字符串
window.location.href
3、设置或获取与URL关联的端口号
window.location.port
4、设置或获取URL的协议部分
windo...
删除手机UC浏览器强制插入关键词链接的方法
以下方法基于jQuery，使用前要先引用jquery库文件。
函数代码：
function CaoNiMaDeUc(){
$("a").each(function(index, element) {
try{
var thishref=$(this).attr("href");
var thisText=$(this).html();
if(thishref.indexOf...
Canvas百分比动画进度条
HTML代码：
<ul id="canvas">
<li>
<canvas class="canvas" width="900" height="900"></canvas>
<span>70%</span>
</li>
<li>...
CSS3 Flexbox布局快速入门教程
Flexbox 是是 CSS3 引入的新的布局模式，全称是 flexible box （意思是“灵活的盒子容器”）。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。
它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强...
