javascript学习
文章平均质量分 78
pleasecallme_522
虽然我是一个卖烤红薯的女性,可是我拥有智慧与勇气,拥有不俗的人生观和梦想。我认真做人,努力卖红薯,为的就是有一天,当站在我爱的人身边,不管他富甲一方,还是一无所有,我都可以张开双手坦然拥抱他,他富有我不用觉得自己高攀,他贫穷我们也不至于落魄,这就是女性努力的原因,用积极的态度,过自己坦然的人生。
展开
-
javascript的数组方法
一.json数组 一提到javascript的数组方法,第一个想到的肯定是json数组,用json数组存取数据的优势是跨平台、兼容性好和安全性高。 关于json数组的简单使用和遍历方式已经在前面的博客当中总结过,请戳这里查看二.常用的数组方法 1.数组的创建,例如:var arr1 = [1,2,3,4];var arr2 = ['a','b','c','d'];var arr3 = []原创 2017-01-18 23:17:25 · 405 阅读 · 0 评论 -
javascript的字符串方法
这篇文章均以var str='nihao'为例展开···1.str.length()获取字符串的长度 2.str.charAt(i)获取相应位置的字符(i不写时默认0,超过字符串本身长度时返回空) 3.str.charCodeAt(i)获取相应位置字符的unicode编码,不写时i默认为0 4.String.fromCharCode(),根据传入的编码值返回相应的字符,可以传入多个编码,用“,原创 2016-11-15 22:25:40 · 967 阅读 · 0 评论 -
JavaScript DOM
一.什么是JavaScript DOM: JavaScript DOM是Document Object Model for html(HTML 文档对象模型)的缩写。 解释下面几个概念: A.文档:我们的html页面; B.文档对象:页面中的元素; C.文档对象模型:为了能够让程序中的JS去操作页面中的元素而定义的标准。把整个文档看成一棵树,数分枝就是节点,每个节点被定义为DOM节点,同时原创 2017-01-19 22:33:53 · 1533 阅读 · 0 评论 -
cookie
cookie 1.概念:网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密) 2.为什么要有cookie:我们用变量存储数据在关闭页面时会销毁。如果我们需要一段时间内保存数据,但又不至于使用后端数据库去存储的东西就可以用cookie来存储。例如,当用户访问了某个网站时,我们就可以通过cookie来向访问者电脑上储存数据。 3.注意: A.不同的浏览器存放原创 2017-03-01 16:54:22 · 1260 阅读 · 0 评论 -
javascript事件(四)之鼠标滚轮事件
一.鼠标滚轮事件 1.模拟滚动条:模拟滚动条的样式很难处理,类似于select的样式就很不好改变。如果页面中非要用样式好看的滚动条,可以先禁用浏览器中的滚动条之后再自己利用拖拽原理实现一个好看的滚动条。可以参考上一篇博客末尾的内容。 2.各浏览器中的鼠标滚轮事件: A.在IE和Chrome中:onmousewheel B.在Firefox中:DOMMouseScroll 注意:必须用add原创 2017-03-01 16:52:13 · 920 阅读 · 0 评论 -
javascript BOM
一.什么是BOM: BOM(Browser Object Model)的意思是浏览器对象模型。BOM方法一般指的都是在浏览器(window)中的方法。二.常见的BOM方法/事件:1.open('网址','打开方式'):打开一个新的窗口,例如:<body><button id="btn">弹出新窗口</button><script> document.getElementById('bt原创 2017-01-21 22:36:29 · 4346 阅读 · 0 评论 -
文章标题
一.概念: 正则表达式,也叫规则,让计算机能够读懂人类的规则,由人提供给计算机,让它进行多方面的判断。 注: 1.性能比正常的函数方法要好。 2.正则都是操作字符串的(最好不要用来操作对象等其他类型)二.使用: 1.首先还是要强调的是:正则表达式是用于匹配字符串中字符组合的模式。在javascript中正则表达式也是对象。这些模式被用于RegExp的exec和test方法以及String的原创 2017-03-02 22:51:39 · 1183 阅读 · 0 评论 -
javascript事件(一)
一.焦点事件(焦点就是光标所在的位置) 1.焦点事件的作用:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么它就可以等待用户的输入; 2.可以切换焦点的方法: A.点击; B.tab键; C.javascript 注意:不是所有的元素都有焦点,能响应用户操作的元素才有焦点(比如div就没有焦点,a就有焦点)3.onfocus事件:当元素获取到焦点时触发; 4.onblur事原创 2017-01-24 23:37:18 · 499 阅读 · 0 评论 -
javascript事件(二)
一.事件函数的取消 1.第一种事件绑定形式的取消,如:function fn1(){ alert(1);}document.onclick = fn1;document.onclick = null; //取消点击事件2.第二种事件绑定形式的取消: IE浏览器下:obj.detachEvent(事件名称,事件函数);标准浏览器下:obj.removeEventListener(事件原创 2017-02-26 22:47:04 · 369 阅读 · 0 评论 -
javascript事件(三)(实现拖拽)
一.拖拽的原理:选择元素时(鼠标按下),保存鼠标的位置和元素位置的差值(以保证鼠标拖住元素移动时相对于元素的位置固定);移动元素时(鼠标移动),不停地给元素位置赋值(当前鼠标位置减去保存的差值);释放元素时(鼠标抬起),取消移动事件。二.可能会遇到的问题 1.若移动速度太快脱离元素时事件就不会执行了; 2.为了避免冒泡,onmousemove事件放在document上就可以了; 3.为了避免当原创 2017-02-27 15:48:47 · 568 阅读 · 0 评论 -
遍历几种常见格式的json、AJAX和json
最近一段时间项目进入了前后端交互的环节,因此多次使用到了对于json的处理。其中,在对json的遍历时出了一些问题,在网上查阅的资料也都是零零散散的,所以将今天自己的学习成果整理如下:一.关于JSON 1.简单概念: ~JSON(JavaScript Object Notation/javascript对象表示法),是存储和交换文本信息的语法; ~是轻量级的文本数据交换格式,相比于XML,更小原创 2016-12-14 00:02:56 · 6758 阅读 · 0 评论 -
javascript之数组、ById、ByTagName、循环、cssText和this
一.JS的数组: 1.表示: 一维数组var 数组名=[元素1,元素2,元素3...] 二维数组var 数组名=[[1,2,3],[4,5,6],[7,8,9,10]...] a.数组是数据的仓库,数组名.length是数组元素个数的总和;数组名[i].length是二维数组中第i行元素个数总和。 b.JS中数组下标从0 开始; c.数组名.push(x)表示向数组后面追加一位元素,值为原创 2016-08-04 21:08:50 · 1376 阅读 · 0 评论 -
用wamp5模拟一次AJAX请求
1.首先应当明确像这样的目录结构: 存储json字符串的lessonform.txt文件就是模拟存储服务器上的数据。由于我自己代码中ajax请求的url是 因此lessonform.txt文件应该与我的工程位于同一目录下,内容如下: 直接上代码://get the form of coursewindow.onload = function() { ajax('lessonform.原创 2016-12-14 20:40:46 · 963 阅读 · 0 评论 -
javascript之数据类型、数据类型的转换、&&和||
一.JS的数据类型: 1.判断数据类型的的方法:typeof(数据); 2.数据类型详细介绍: a.数字类型number:如,var i=100; b.字符串类型(这里主要说数字字符串)string:如,var s="100px" s.length统计字符串中字符的总个数 s.charAt(下标值)获得()里下标处的字符 c.函数类型function:如,var fn=function原创 2016-08-05 20:23:26 · 887 阅读 · 0 评论 -
javascript之自定义属性及索引值、函数
一.自定义属性: 1.自定义属性就是指定义元素本身不存在的属性。如,现有元素oBtn,像oBtn.style这种属性就是元素本身存在的属性;而像oBtn.abc这种属性就是自定义的属性。js可以为任何HTML元素添加任意个自定义属性,且如同元素的本来属性一样进行操作。我们可以通过定义自定义属性来实现自己的一些想要的效果。 2.例子:做3个按钮,value为0,每次点击按顺序输出arr[“A”,”原创 2016-08-08 22:45:27 · 4237 阅读 · 0 评论 -
javascript的计时器简单介绍
首先来介绍计时器setInterval()的概念和使用方法: 1.setInterval(函数,毫秒):计时器是一个带有时间概念的东西,表示每间隔多少毫秒的时间执行一次函数体内的代码。类似于循环结构,不过与循环结构仍然存在一些差异:当程序一旦进入循环结构,必须将循环体内的语句执行完毕出循环之后才能执行其他语句。而计时器只需要在到达某时间间隔的时候执行一次函数体内额代码即可,其他时间仍然可以执行其他原创 2016-11-03 17:02:28 · 783 阅读 · 0 评论 -
js“DOM事件”之鼠标事件、js的测试方法、js代码的放置位置
今天的js课上主要讲了js的函数、鼠标事件及应用。 现将常用的鼠标事件总结如下:onclick:鼠标点击事件onmouseover:鼠标移入事件onmouseout:鼠标移出事件onmousedown:鼠标按下事件onmouseup:鼠标释放事件onmousemove:鼠标拖拽移动事件具体内容,全部都以例子的方式呈现:1.做一个下拉框效果: 首先分析题意,下拉框效果就是鼠标移入链接元素原创 2016-08-02 19:22:15 · 2331 阅读 · 0 评论 -
javascript之作用域、运算符、常用的数学方法
一.作用域 1.概念:作用域即空间、区域、范围等。写js必须放在script里,css放在style里; 2.作用:读和写(在一个范围内) 3.浏览器对JS的解析(当读到script标签时开始解析)步骤: 第一步:预解析:找到var和function,但变量会被设置为未定义,函数会被整体取到。 注:预解析时会重复保留有内容的。接下来举例说明这句话: 假设script标签中分别有如下代码时原创 2016-08-09 21:12:13 · 564 阅读 · 0 评论 -
javascript的函数(2)及js的获取元素样式
一.函数的返回值 1.函数可以返回字符串、数字、布尔值、函数、对象([]/{}/null)、未定义。返回什么调用的函数就是什么,如function fn(){ alert("3");}fn();//该句就直接等于返回值2.typeof(fn1())可以判断返回值的类型 3.但返回函数时,会把这个函数变成字符串返回(包括注释),实际上调用这个函数相当于返回值函数的名字,例如: f原创 2016-10-25 09:19:24 · 569 阅读 · 0 评论 -
计时器的深入学习1(实现运动效果的domove()函数的封装过程及回调函数)
我最终的目的是用源生JS代码封装一个domove()函数,可以在传参之后实现元素任意方向的运动,在达到最终目的前应该一步一步地完成: 1.配合之前封装过的getstyle()函数,实现点击按钮之后让一个div向前移动10px的效果:<body> <button id="btn">前进</button> <div id="div1" style="width:100px; heigh原创 2016-11-09 16:31:30 · 2287 阅读 · 1 评论 -
计时器的深入学习2(抖动原理)
1.抖动的实现原理: a.通过获取元素的位置left,用定时器改变left; b.把一组数据(改变left的),比如16,-16,14,-14….0存到数组里 c.然后开个计时器把数组里的数字分别与原left值计算赋给left.最后数组走完的时候把计时器关闭代码如下:<head><meta http-equiv="Content-Type" content="text/html; chars原创 2016-11-10 08:10:19 · 691 阅读 · 0 评论 -
javascript的时间对象
1.Date 对象用于处理日期和时间。 2.创建 Date 对象的语法:var myTime=new Date() 注:Date 对象会自动把当前日期和时间保存为其初始值。 3.Date对象的常用方法: Date():返回当日的日期和时间(直接使用,不需要对象调用) getDate():返回一个月的某一天(1~31) getDay():返回一周中的某一天(0~6分别代表周日~周六) g原创 2016-11-14 20:30:49 · 955 阅读 · 0 评论 -
总结自己用原生JS实现的功能
1.实现jquery中addClass()和removeClass()的功能:function addClass( obj, className){ if( obj.className ==''){ obj.className = className; }else{ var arrClassName = obj.className.split(' ')原创 2017-03-12 23:38:22 · 6318 阅读 · 1 评论