JS进阶

JS事件：

单击事件：onClick

改变事件：onChange

选中事件：onSelect

获得焦点事件：onFocus

失去焦点：onBlur

载入文件：onLoad

卸载文件：onUnload

 

 

Math.pow(a,b);得到a的了b 次方的值

Math.round(a);得到a四舍五八后的值。

Math.Ceil(1.01);向上取值

Math.floor(1.9);向下取值

Math.max(a,b,c...);从这组数中取出最大的值（最少为两个数）

Math.random();随机生成一个0到1的随机数：

 

Boolean可以将任意的内容转成boolean类型，并且都为true,但是0除外。

其实boolean类型的本质就是0跟1；

0---->false

1---->true

事件：onclick   :鼠标单击           (mouse 鼠标的意思)

      ondblclick :鼠标双击

      onkeyup  :按下并释放键盘上的一个键是触发

      onchange  :文本内容或者下拉菜单中的选项发生改变

      onfocus   :获得焦点，表示文本框获得鼠标光标

      onblur    :失去焦点，表示文本框等失去鼠标光标

      onmouseover    鼠标悬停，即鼠标停留在在图片等的上方

      onmouseout    鼠标移出，即离开图片所在的区域

      onload     网页文档加载事件

      onunload   关闭网页时

      onsubmit   表单提交事件

      onreset       重置表单时

      事件三要素语法格式：

事件源.事件 = function()   {事件处理语句;}   //匿名函数

-*******************************************************

Js  可以分为行内式   内嵌式   外链式、、

布尔型

逻辑值  结果就是两个  ture  false

False,undefined,null,””为false ;

Ture , 1,”somestring”.[objrct]为ture;

所以的数字都为真   0是假、、

所有的字符串都事真   “”为假

转换为布尔型。

1.！！num 转换为布尔值

2.Boolean()

parseInt  取整函数

parseInt  字符，表示要解析的数字的基数

js 基本数据类型有那几种？

Number ,  string , Boolean  ,  null ,  undefined

 

有一个文本框的表单，id是txt ..请问，我们如何得到这个文本框的值？

Docunment.getelementbyid(“txt”).value;

 

 

更改盒子的内容

想更改标签里面的内容：innerHTML

只有表单才有value值、我们的div 和span 是没有value 的、

！！两个叹号转换为布尔值。

金字塔案例：

数组声明：

  var arr = [];    表示一个数组

  var arr =  new Array();  

例子：var arr = [“刘德华”,”郭富城”];

每个参数后面用逗号隔开，最后一个不跟逗号。

每个数组里面的参数都是唯一的。这个序号我们称为索引号。索引号从0开始、    length长度比索引号大1

给某些div更改样式；

Divs[0].style.backgroundColor = “red”;

 

 

 

 

This  指针。This指向的事函数的调用者  （谁调用了函数，this 就指向谁。

三目运算符：

表达式  ？ 结果1 ：结果 2   它就等价于 if else

如果条件表达式为假，则返回结果2的值、   ---（结果只能选其中一个

-----------------------js第四天内容-----------

遍历数组：

For(var i=0;i

循环 –while()   do   while      for   三个循环 

While（条件） {}     do {}  while(条件)   

排他思想：首先清楚所有人，再剩下我自己。

 

------------------第五天内容

Push()   从后面追加     想数组的末尾添加一个或者多个元素，并返回新的数组长度。

var arr = [1,3,5,7];   // 原数组

arr.push(9);  //把 9 添加 arr 的最后面
console.log(arr);   //  13579

数组的常会也随之会发生改变。

Unshift()   方法可向数组的开头添加一个或更多的元素，并返回新的数组长度。

Pop  移出最后一个元素

Pop()  移出最后一个元素  和push 正好相反

返回的值是返回的最后一个值。

而且这个pop 每次只删除一个，因为他的括号里面是没有参数的。

输出第一个元素  shift()

Shift  和  unshift 正好相反

Shift 删除第一个      unshift  从第一个开始添加

// shift 删除第一个元素    并且返回第一个值

var arrshift = ["a","b","c"];
console.log(arrshift.shift()); //  a
console.log(arrshift);  // [b,c]

arrshift.shift();  // 吧b  删掉了， 并且返回 b
console.log(arrshift);  // 只剩下一个c

 

连接数组  a.concat(b)   把a数组和b连接起来，并组成了一个新数组

Join()将数组转换为字符串。、

Solit()将夫妇穿转换成数组

JavaScript 组成

核心（ECMAScript）

描述了JS 的语法和基本对象，比如变量区分大小写等。、

文档对象模型  （DOM）

处理网页内容的方法和接口   比如怎么得到某个表单的值。怎么去关闭某个div 

浏览器对象模型（BOM）

于浏览器交互的的方法和接口、

getElementById(“demo”)   id为标记的#demo

getElementsByTagName(“div”)       所有的div

getElenmentByClassName(“one”)       所有的类名为one 的

节点的访问  

父级  parentNode    亲的父亲。爷爷都不算。

兄弟节点：

   nextSibling    下一个兄弟   ie678 的写法。

   nextElementSibling   谷歌，火狐的写法。

   previousSibling       上一个兄弟，  ie678

   preciousElementSibling      火狐，谷歌、

注意： 一定先写  nextElementSibling  ，因为谷歌认识nextSibling，但是谷歌会报错，所以我们优先执行 nextElementSibling 。

 

我们想要得到所有的孩子 ， 所有的， 亲生儿子 。  其他的孙子辈的不算。

1. - children         这个是庶出       ie 发明的   我们现在用最多的。 几乎没有兼容性 。  其他浏览器都支持

2. 因为children  再 ie678 里面  包含注释节点    要注意一下。 可以避免开的。

-----------js第六天

页面加载函数：window.onload = function()  {语句；}

复习: 数组常用的方法 ：  添加   删除    连接    转换字符串 ..

push()  推   后面追加    a.push(b)    把b放到追加a 的后面   特别像   a.appendChild(b)    只不过一个是操作 数组  一个是操作 DOM .

unshift()    a.unshift(b)  把b 放到 a数组的第一个位置上。

pop()   后面删除    没有参数，只删除最后一个     shift() 前面删除一个 

声明日起函数   首先  声明：

Var  aa = new Date();          getHours     获取小时： 0-23

getDate()   获取日   1-31       getMinutes ()         获取分钟 0-59

getDay()    获取星期  0-6       getSeconds ()       获取秒  0-59

getMonth()   获取月  0-11       getMilliseconds ()   获取毫秒

getFullYear()   获取完整的年份

setInterval(“console.log(‘你好吗’)”,1000)；

每隔一秒就去调用一次。Console.log这个语句。

我们大部分会用函数代替：

setInterval(fun,1000);

 

js第7天

运算级的优先级

1    ()                                                                 括号

2    !、-、++、--                              一元

3    *、/、%                                                   乘除求余

4    +、-                                                            加减

5    <、<=、<、>=                                   小于等于

6    ==、!=、===、!==、                           关系操作符

7    &&                                                             与

8    ||                                                                或

9    ?:                                                                三木运算符

10   =、+=、-=、*=、/=、%=        赋值        计算完毕，再给值

0&& 1 ==0   0与任何数都是0

0||1 == 1   0或任何数都是任何数

定时器之  setTimeout

srtInterval(fn,1000)        每隔1秒。就执行一次   fn 函数

setTimeout(fn,1000)         1秒钟之后，去执行一次fn 函数。就over ;

offfset家族。（offset偏移的意思）

offsetWidth = width + border + padding   (就是盒子实体的大小)

缓动动画公式

Leader = leader + (target-leader)    /10

Leader  盒子本身的位置    target  盒子的目标位置

匀速动画：盒子本身的位置   +     步长

scrollTop     scrollLeft

这是SCROLL家族中最重要的两个。Scroll 滚动的意思

Window.onscroll = function() {语句}

 

 

Json对象

Json是一种轻量级的数据交换格式，我们称之为javaScript  对象表示法。使用json 进行数据传输的优势之一。Json实际上就是javaScript

Json就像一个配置单：var json = {age:10,name:”刘德华”}

事件对象（event）

用来检测我们鼠标 。距离我们电脑屏幕的距离

拖拽效果：

Onmouseover   鼠标经过

Ommouseout    鼠标离开

Onmousedown   鼠标按下

Onmouseup     鼠标弹起

Onmousemove   鼠标移动

转载于:https://www.cnblogs.com/famensaodiseng/p/6861239.html