慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

牛逼不哄哄

鼠标单击事件( onclick ）

onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。

<html>
<head>
   <script type="text/javascript">
      function add2(){
        var numa,numb,sum;
        numa=6;
        numb=8;
        sum=numa+numb;
        document.write("两数和为:"+sum);  }
   </script>
</head>
<body>
   <form>
      <input name="button" type="button" value="点击提交" onclick="add2()" />
   </form>
</body>
</html>

注意: 在网页中，如使用事件，就在该元素中设置事件属性。

查看全部

0 采集收起来源：鼠标单击事件( onclick ）

2018-05-23

牛逼不哄哄

什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
主要事件表
![20180523152705979932211.png](http://ohfvjymgx.bkt.clouddn.com/20180523152705979932211.png)

查看全部

0 采集收起来源：什么是事件
2018-05-23

牛逼不哄哄

返回值的函数

function add2(x,y)
{
   sum = x + y;   
   return sum; //返回函数值,return后面的值叫做返回值。
}

result = add2(3,4);//语句执行后,result变量中的值为7。

注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

查看全部

0 采集收起来源：返回值的函数

2018-05-23

牛逼不哄哄
有参数的函数
```
function 函数名(参数1,参数2)
{
     函数代码
}
```
注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。
查看全部

0 采集收起来源：有参数的函数
2018-05-23

牛逼不哄哄

函数调用

函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。

第一种情况:在<script>标签内调用。

<script type="text/javascript">
    function add2()
    {
         sum = 1 + 1;
         alert(sum);
    }  
    add2();//调用函数，直接写函数名。
    </script>

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数

<html>
<head><script type="text/javascript">
   function add2()
   {
         sum = 5 + 6;
         alert(sum);
   }
</script>
</head>
<body>
<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名</form>
</body>
</html>

查看全部

0 采集收起来源：函数调用

2018-05-23

梁肥肥
操作符之间的优先级（高到低）:
算术操作符比较操作符逻辑操作符 "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
```
var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3<2;  //结果为false
```
查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-05-23
牛逼不哄哄
定义函数
```
function  函数名( ){
     函数体;
}
```
function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。
查看全部

0 采集收起来源：定义函数
2018-05-23
牛逼不哄哄
什么是函数
函数的作用，可以写一次代码，然后反复地重用这个代码。
```
function add2(a,b){
 sum = a + b;
 alert(sum);
} //  只需写一次就可以add2(3,2);
add2(7,8);
....  //只需调用函数就可以
```
查看全部

0 采集收起来源：什么是函数
2018-05-23
梁肥肥
自加一，自减一 ( ++和- -)
算术操作符除了(+、-、*、/)外，还有两个非常常用的操作符，自加一“++”；自减一“--”。首先来看一个例子：
```
mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10
```
上面的例子中，mynum++使mynum值在原基础上增加1，mynum--使mynum在原基础上减去1,其实也可以写成:
```
mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--
```
查看全部

0 采集收起来源：自加一，自减一 ( ++和- -)
2018-05-23
梁肥肥
我还有其它用途( +号操作符）
操作符是用于在JavaScript中指定一定动作的符号。
（1）操作符
看下面这段JavaScript代码。
```
sum = numa + numb;
```
其中的"="和"+"都是操作符。
JavaScript中还有很多这样的操作符，例如，算术操作符(+、-、*、/等)，比较操作符(<、>、>=、<=等)，逻辑操作符(&&、||、！)。
注意: “=” 操作符是赋值，不是等于。
(2) "+"操作符
算术运算符主要用来完成类似加减乘除的工作，在JavaScript中，“+”不只代表加法，还可以连接两个字符串，例如：
```
mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串
```
查看全部

0 采集收起来源：我还有其它用途( +号操作符）
2018-05-23
梁肥肥

表达式与数学中的定义相似，表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。
我们先看看下面的JavaScript语句：
生活中“再见”表达方法很多，如:英语(goodbye）、网络语（88）、肢体语（挥挥手）等。在JavaScript表达式无处不在，所以一定要知道可以表达哪些内容，看看下面几种情况:
注意:串表达式中mychar是变量

注意:数值表达式中num是变量

注意:布尔表达式中num是变量

查看全部

0 采集收起来源：表达出你的想法(表达式)
2018-05-23
牛逼不哄哄
继续循环continue
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
```
for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}
```
跳过本次循环
查看全部

0 采集收起来源：继续循环continue
2018-05-23
牛逼不哄哄
退出循环break
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
```
for(初始条件;判断条件;循环后条件值更新)
{  
  if(特殊情况)
  {break;}
  循环代码
}
```
退出本层循环
查看全部

0 采集收起来源：退出循环break
2018-05-23
牛逼不哄哄
来来回回(Do...while循环)
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
```
do
{
    循环语句
}
while(判断条件)
```
查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-05-23
梁肥肥
```
声明变量语法: var 变量名;
```
var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为"变量"准备位置(即内存）。
```
var mynum ; //声明一个变量mynum
```
当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以Var还可以一次声明多个变量，变量之间用","逗号隔开。
```
var num1,mun2 ; //声明一个变量num1
```
注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。
查看全部

0 采集收起来源：确定你的存在(变量声明)
2018-05-23