代码依赖jquery，需要引用jquery包 <!--考试防作弊--> <script type="text/javascript"> //屏蔽右击 document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;}; //窗口失焦、大小变化监听 var blurNum=1; $(windo…
daterangepicker日期范围选择插件 查看demo jQuery Date Range Picker是一款允许用户选择一个日期时间范围的jQuery日期选择器插件。整个日期选择器插件使用CSS来渲染样式，可以非常容易的使用CSS来定制它的皮肤。它的兼容性非常好，支持IE6+的IE浏览器。 该日期选择器的特点有： （1）支持IE6+, Firefox, Chrome, Safari和其他标准的HTML5浏览器。 （2）支持多种语言。 （3）使用CSS来渲染样式。 （4）容易使用和定制。 （5）支持多种时间格…
fullCalendar日程管理控件官方资料: jquery.fullCalendar官方网址: http://arshaw.com/fullcalendar/ jquery.fullCalendar英文文档: http://arshaw.com/fullcalendar/docs/ jquery.fullCalendar下载:http://arshaw.com/fullcalendar/download/ 使用实例1-使用fullCalendar展开多个日历方法: js调用api: gotoDate方法： $('…
Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 Window的属性 属性 描述 closed 获取引用窗口是否已关闭。 defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息。 dialogArguments 设置或获取传递给模式对话框窗口的变量或变量数组。 dialogHeight …
javascript中的事件 javascript程序使用的是事件驱动的设计模式，为一个元素添加事件监听函数，当这个元素的相应事件被触发那么其添加的事件监听函数就被调用：事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 所有浏览器都支持DOM0级事件处理程序，且使用该方式时，事件处理程序是在元素的作用域中运行，因此程序中的this都是指向元素。 如何理解DOM0,DOM2,DOM3 文档对象模型是一种与编程语言及平台无关的API(Application …
如果要在浏览器上显示东西 用 document.documentElement.clientHeight ，document.documentElement.clientWidth 或者 document.body.clientWidth document.body.clientHeight 这代表着网页可用区域. 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidt…
在做一个H5的移动web项目的时候，需要分享功能，之前一直是使用通用自由选择版调用，并且是在pc的web端分享使用。这次的H5项目时是第一次在手机端使用，为了更好地用户体验，很多webapp都是使用第三方的jssdk分享，但是这些jssdk要求都是在相应的IOS和Android的外壳下运行的移动web，因此无法满足这次的项目需求，最终还是选择了百度分享，分享的样式部分参考了美拍的移动web端的页面效果，分享的js使用百度分享的专业开发版。 页面效果截图如下： 百度默认的分享样式不是我们的想要的效果，所…
单行文本溢出的解决方法我们知道通常是使用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性，保险起见凡是要溢出的显示省略号的我们都要设置好宽，高。 单行文本溢出省略号css代码方案如下： width:500px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 由于是做移动端页面遇到的多行文本溢出显示省略号(…)的问题，所以先介绍一下适用于移…
导语： 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了众多主流浏览器的支持，这意味着，flex有了更多的用武之地。 Flex布局是什么？ Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ …
移动前端图片上传压缩解决方案1 图片上传前端压缩演示示例： 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，已经成了很多移动端图片上传的必备功能了。 在移动端压缩图片并且上传主要用到filereader、canvas 以及 formdata …