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 的、

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

金字塔案例:

<script>

   For(var i=0; i100;   i+=3) {

      Docunment.write(“<hr width = “+i+”%/>);

)    </script>

数组声明:

  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<arr.length;i++){ console.log(arr[i])  ;}

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

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

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

<script>

Var btns = document.getElementsByTaName(“button”);

For (var i=0; i<btns/length;i++) {

Btns[i].onclick = function() {

For(var  j=0; j<btns.length;j++) {

Btns[j].className = “”;

}

This.className = “current”;
}

}
</script>

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

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