javascript使用canvas绘制矩形的方法

canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法绘制之前我们需要先创建一个canvas元素到网页<canvas id="draw" style="width: 640px; height:480px; border: 1px solid #EEE;"></canvas>然后我们绘制一个无填充的矩形...

阅读全文

javascript鼠标按键事件和键盘按键事件用法实例汇总

js鼠标按键事件和键盘按键事件用法收集keydown,keyup,keypress:属于你的键盘按键mousedown,mouseup:属于你的鼠标按键当按钮被按下时,发生keydown事件,keyup是在用户将按键抬起的时候才会触发的,完整的keypress过程分为两个部分:1.按键被按下;2.按键被松开。当用户在这个元素上按下鼠标键的时候,发生mousedown当用户在这个元素上松开鼠标键的时候,发生mouseup例子1.鼠标的哪个按键被点击<html><head><script typ...

阅读全文

javascript中Base64转码解码方法

jsbase64转码解码方法:function Base64() {     // private property    _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";     // public...

阅读全文

javascript下MD5加密方法

我们来看看jsmd5的方法代码:/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Cop...

阅读全文

javascript将时间戳日期互转

可能后面会用上,下面是时间戳转换为日期function getTimeStr(time){    var now = new Date(time*1000);    var year=now.getFullYear();    var month=now.getMonth()+1;    if(month&nbs...

阅读全文

Javascript的console.log()用法

Firebug&ChromeConsole控制台的一些其他功能console.log(object[,object,...])使用频率最高的一条语句:向控制台输出一条消息。支持C语言printf式的格式化输出。当然,也可以不使用格式化输出来达到同样的目的:var animal='frog', count=10;console.log("The %s jumped over %d tall buildings"...

阅读全文

Javascript如何使页面重新加载

当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢要实现页面加载就需要用到reload()方法,这个方法的用处就是重新加载当前文档reload()方法location.reload()我们将reload()的值设置为true时,它都会绕过缓存,从服务器上重新下载文档,就跟我们每次点击浏览器的刷新按钮一样。如果将该方法设置为false或者不设置参数时,它就会用HTTP头中If-Modified-Since来检测服务器上的文档是否已经发生改变,如果文档已经发生改变,则reload()会再次下载该文档;如...

阅读全文

css和javascript让导航跟随窗口一起滚动

制作前端页面效果的时候我们经常需要导航一直紧贴浏览器上面窗口,这样可以让我们下拉到哪里都可以随时看到导航菜单并点击,今天这里给大家两种实现的方法1.css实现.nav{width:100%;height:36px;position: fixed;z-index:99999;}直接使用position属性,值设置为fixed,这样导航就能一直紧贴窗口上面,z-index是防止其他层遮挡而设置的非常大2.javasciprt实现<script>$(window).scroll(function(){var Ntop&...

阅读全文

javascript冒泡事件详解和防止冒泡事件的方法

js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播。使用event.preventDefault()可以取消默认事件防止冒泡和捕获w3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble=truestopPropagation也是事件对象(Event)的一个方法,作用是阻止目标元素的冒泡事件,但是会不阻止默认行为。什么是冒泡事件?如在一个按钮是绑定一个”click”事件,那么”click”事件会依次在它的父级元素中被触发。stopPro...

阅读全文

javascript之prototype原型对象

一、理解prototype我们创建的每一个函数都有一个prototype属性,这个属性是一个指向对象的指针。构建对象中有一种模式叫做原型模式,意思是将对象实例所不可共享的属性及方法定义在构造函数中,而将可共享的属性及方法放在原型对象中,也就是prototype指向的对象中。以下是用原型模式创建的一个对象:<script>function person(name, age){this.name = name;this.age = age;}person.prot...

阅读全文