摘要: 当文件选择框发生改变时获取到File对象(this.files[0]),使用readAsDateURL()函数,触发FileReader对象onload事件,将图片数据显示到页面上。 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 Fil 阅读全文
posted @ 2017-10-31 16:27 &nbsp 阅读(263) 评论(0) 推荐(0) 编辑
摘要: HTML JS 上传文件这个功能在工作中是经常用到的,原本我都是用表单来提交的,但表单提交后会刷新一次页面,当我页面还要继续进行操作时,这很不方便。强制让其提交后不用刷新,又发现用表单提交没办法知道什么时候文件提交完成。 阅读全文
posted @ 2017-07-17 09:25 &nbsp 阅读(158) 评论(0) 推荐(0) 编辑
摘要: html部分 传统的做法就是如下面一样,给每个p添加一个事件处理程序: 这样添加单击事件是没有问题的,但是如果在一个复杂的页面里,对所有可单击的元素都采用这种方式的话,那将会有数不清的事件处理程序。而解决的方案是从事件的处理机制方面入手,在这里我们利用事件冒泡。 事件冒泡:事件开始时有具体的元素接收 阅读全文
posted @ 2017-02-14 11:30 &nbsp 阅读(1558) 评论(0) 推荐(0) 编辑
摘要: // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。 2、 call 的意思是把 animal 的方法放到cat上执行,原来cat是没有showName() 方法,现在是把animal 的showName()方法放到 cat上来执行,所以this.name 应该是 Cat 阅读全文
posted @ 2016-12-20 11:10 &nbsp 阅读(211) 评论(0) 推荐(0) 编辑
摘要: Javascript是一种基于对象的语言,但它又没有class。这在很长的一段时间里,对JS的面向对象编程的概念很模糊,在编程的时候时有用到,但要说个所以然,却说不出来,所以看了些书,又在网上查了些资料,写下些总结。 一、封装 写个对象,将属性(变量),方法写在对象内,这就是封装。如下:我把两个属性 阅读全文
posted @ 2016-12-15 11:16 &nbsp 阅读(283) 评论(0) 推荐(0) 编辑
摘要: html部分 css部分 js部分 jq插件部分 一时兴起写了这个插件,用的时候倒是简单,只需引入JQ插件再加上写少量JS代码代码就行了,大小图片的位置可以在CSS里改,唯一麻烦的是,图片宽高的更改问题,图片的宽高是400px的固定值,如果图片不是正方形,图片会失真;且CSS里面是这么写的,JQ里也 阅读全文
posted @ 2016-12-06 20:12 &nbsp 阅读(1651) 评论(0) 推荐(0) 编辑
摘要: 基本用法 首先在body中写个<canvas>,设定大小,个人建议大小要在行内设置,不然在部分情况下会发生错误。 CSS部分 给canvas加个边框,这边框只是为了方便看出canvas的边界,加不加都可以。 HTML部分 JSt部分 canvas是一个画布,要操作它,需要使用javascript,所 阅读全文
posted @ 2016-10-01 11:44 &amp;nbsp 阅读(785) 评论(0) 推荐(0) 编辑
摘要: 事件 1.ready()$(document).ready(function() { //代码});简写:$(function( { //代码});该事件是会在页面加载完后执行,相当于onloca(),但如果存在onloca()事件,ready()会失效 2.on()<div class="div1 阅读全文
posted @ 2016-09-26 18:17 &amp;nbsp 阅读(467) 评论(0) 推荐(0) 编辑
摘要: CSS 1.css<p class="p1">1</p> $("p").css("color");获取css属性值$("p").css("color","red");添加或修改值$("p").css({color:"red",margin:"10px"});添加或修改多个值 2.jQuery.css 阅读全文
posted @ 2016-09-24 20:36 &amp;nbsp 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 筛选...8.not()<p class="p1">1</p><p class="p2">2</p><p class="p3">3</p> console.log($("p").not($('.p1')));从获取的p元素集合中除去拥有 class='p1' 9.slice()<p class="p 阅读全文
posted @ 2016-09-22 21:43 &amp;nbsp 阅读(241) 评论(0) 推荐(0) 编辑