Java script基础 回顾

1、语法

代码与C#类似，变量使用的是var引用出来，包含全部类型；能够直接使用，不用定义。

 也是有内置分类的。例如：var b="10"  var c=10;一个是字符串一个是整型，c+c+a=2010;c+a+c=101010;若是前面是字符串，后面的变量也会成字符串

运算符

    数学运算符：+    -    *    /    %    ++    --；

    关系运算符：==    ！=    >=    <=    >    <；

    逻辑运算符：&&    ||    ！；

    其余运算符：+=    -=    *=    /=    %=    ？：；

语句

     通常分为顺序、分支和循环语句。

    （1）分支语句：  if{}else{}   if{}else{}  

    （2）循环for语句：

数组

    数组的定义：new Array();    //它的长度是动态变化的，里面能够听任意类型的元素。

    数组元素的赋值：a[0]=123; a[1]="hello";  //元素中的索引从0开始。

    数组的取值：a[i];

    数组属性：a.length;    //数组元素的个数，长度。没有count（）

    方法：a.sort(); //数组排序，按照每个元素的第一个字符进行排序。

            a.reverse();  //翻转数组。

函数

    函数的四要素：名称、输入、返回值、加工。

    定义函数：function add(形参){函数体}     //函数名为add，输入为参数的形式，返回值能够是var类型，也能够return一个返回值。

    匿名函数：function(){函数体}

    函数必须通过调用才能执行。函数的调用：add（实参）

2、对话框

一、alert("")：警告对话框，做用是弹出一个警告对话框

二、confirm("")：肯定对话框，弹出一个带肯定和取消按钮的对话框——肯定返回true，取消返回false

三、primpt("要显示的文字"):能够容许用户输入内容的对话框

 

3、Windows对象

（一）、

window.open("打开的地址","打开的位置")

window.opener:打开此页面的上一个页面对象

window.close():关闭当前页面

window.navigate("url") 跳转至目标页面（超连接），在谷歌浏览器下有bug；（不经常使用）

window.moveTo(x,y) 移动页面至某一位置，位置由x和y决定；（不经常使用）

window.resizeTo(宽，高) 调整页面的宽度和高度；（不经常使用）

window.scrollTo（x,y）滚动页面至哪里，y表明纵向滚动；（不经常使用）

（二）Window.history对象

window.history.back();页面进行后退；——主要记住

window.history.forward();页面前进；

window.history.go(n); n若是是正数则表明前进n个页面，n若是是负数则表明后退n个页面，通常经常使用这一种。 

（三）Window.location对象

location地址栏

window.location.href="http://www.baidu.com";修改页面地址，会跳转页面（超连接）——主要记住

 重要的

4、Windows对象——window.document对象

它能够将Html中的元素提取到js里面，而后对它进行各类各样的操做

它是js中的核心中的核心

（一）取元素

      docunment.getElementById("id")；根据id找，最多找一个；

      docunment.getElementsByClassName("name") 根据classname找，找出来的是数组；注意中间是items不要忘了s

      docunment.getElementsByName("name")；根据name找，找出来的是数组；

      docunment.getElementsByTagName("name")；根据标签名找，找出来的是数组；

注：id实在web端使用的，name实在服务端使用的

 

（二）操做内容

一、普通元素

取值：alert(a.innerHTML)——会将元素内的全部内容，包括元素标记都取出来

        alert(a.innerText)——只取里面的文字，忽略全部被编译元素

赋值：a.innerHTML = "<font color=red >hello world </font>"——若是内容有元素，编译后实现

         a.innerText——会将赋的东西原样呈现

二、变单元素

取值：var t = document.f1.t1——form表单ID为f1里面的ID为t1的input；     

         var t = document.getElementById("id")—— 直接用ID获取。

         alert(t.value)——获取input中的value值；

赋值： t.value="内容改变"；

注：全部表单元素取值赋值都用value

（二）操做属性

一、添加、修改属性

        对象.setAttribute("属性名","属性值")——若是没有此属性会添加进去，相反，会修改此属性的值

二、获取属性：

        对象.getAttribute("属性名")——获取属性的值；

三、删除属性：

        对象.removeAttribute("属性名")——移除一个属性。

（三）操做样式

一、添加、修改样式

        对象.style.样式名称=值
二、获取样式

        var  ....=对象.style.样式名称  

（四）相关元素操做——写通用特效用

var a = document.getElementById("id");找到a；

▲var b = a.nextSibling——找a的下一个同辈元素，注意包含空格；

▲var b = a.previousSibling——找a的上一个同辈元素，注意包含空格；

▲var b = a.parentNode——找a的上一级父级元素；

▲var b = a.childNodes——找出来的是数组，找a的下一级子元素；

▲var b = a.firstChild——第一个子元素，lastChild最后一个，childNodes[n]找第几个；

▲alert(nodes[i] instanceof Text);——判断是否是文本，是返回true，不是返回flase，用if判断它的值是否是false，能够去除空格。

  

5、事件

一、onclick：鼠标单击触发

     ondblclick：双击触发

二、onmouseover：鼠标移动上面触发

     onmouseout：鼠标离开时触发

三、onblur：失去焦点时触发

     onfocus：得到焦点是触发

四、onkeyup：按键抬起来的时候触发

 

补：一、得到某个元素的当前高度、宽度......   ——offsetheight、offsetwidth、offsettop;高度、宽度、上边据等等

      二、浏览器尺寸改变触发的事件：window.onresize