慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕斯卡7430691
给变量取个名字(变量命名)
我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。
我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则:
1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:
```
正确:                mysum                 _mychar              $numa1
```
```
错误:   6num  //开头不能用数字   %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)   sum+num //开头中间不能使用除(_ $)外特殊符号，如(%  + /等)
```
2.变量名区分大小写，如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。
查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-11-26

剑醉清枫

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

第一种情况:在<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-11-26

剑醉清枫
var为声明变量，但是function是声明一个函数呢。
就好比如var一个苹果，function一个苹果篮子；
查看全部

0 采集收起来源：定义函数
2018-11-26
剑醉清枫
```
var sum;   
sum = 3+2;
alert(sum);

sum=7+8 ;
alert(sum); 

....  //不停重复两行代码
```
如果要实现8组数的和，就需要16行代码，实现的越多，代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省去重复输入大量代码的麻烦。
使用函数完成:
```
function add2(a,b){
sum = a + b;
 alert(sum);
} //  只需写一次就可以add2(3,2);
add2(7,8);
....  //只需调用函数就可以
```
查看全部

0 采集收起来源：什么是函数
2018-11-26
剑醉清枫
continue的作用是仅仅跳过本次循环，而整个循环体继续执行。
语句结构：
```
for(初始条件;判断条件;循环后条件值更新)
{
  if(特殊情况)
  { continue; }
 循环代码
}
```
查看全部

0 采集收起来源：继续循环continue
2018-11-26
剑醉清枫
在while、for、do...while、while循环中使用break语句退出当前循环，直接执行后面的代码。
格式如下：
```
for(初始条件;判断条件;循环后条件值更新)
{  if(特殊情况)
  {break;}
  循环代码
}
```
当遇到特殊情况的时候，循环就会立即结束。看看下面的例子，输出10个数，如果数值为5，就停止输出。
查看全部

0 采集收起来源：退出循环break
2018-11-26
剑醉清枫
do while结构的基本原理和while结构是基本相同的，但是它保证循环体至少被执行一次。因为它是先执行代码，后判断条件，如果条件为真，继续循环。
do...while语句结构：
```
do{
    循环语句
 }while(判断条件)
```
我们试着输出5个数字。
```
<script type="text/javascript">
   num= 1;
   do
   {
     document.write("数值为:" +  num+"<br />");
     num++; //更新条件   }
   while (num<=5)
</script>
```
查看全部

0 采集收起来源：来来回回(Do...while循环)
2018-11-26
剑醉清枫
和for循环有相同功能的还有while循环, while循环重复执行一段代码，直到某个条件不再满足。
while语句结构：
```
while(判断条件){
    循环语句
 }
```
使用while循环，完成从盒子里取球的动作，每次取一个，共6个球。
```
<script type="text/javascript">
var num=0;  //初始化值while (num<=6)   //条件判断{
  document.write("取出第"+num+"个球<br />");
  num=num+1;  //条件值更新}
</script>
```
查看全部

0 采集收起来源：反反复复(while循环)
2018-11-26
qq_那小子_2

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math </title>
<script type="text/javascript">
function push(){
var x=(Math.random())*10;
document.getElementById('po').innerHTML=(Math.round(x));}
</script>
</head>
<body>
<span id="po"></span>
<div>
<input type="button"value="点击" onclick="push()">
</div>
</body>
</html>

查看全部

0 采集收起来源：随机数 random()
2018-11-25

qq_那小子_2

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math </title><script type="text/javascript">
document.write(Math.ceil(3.3)+','+Math.ceil(-0.1)+','+Math.ceil(-9.9)+','+Math.ceil(8.9));
</script>
</head>
<body>
</body>
</html>

查看全部

0 采集收起来源：向上取整ceil()

2018-11-25

qq_那小子_2

var mydate=new Date(); 
document.write("年份："+mydate.getFullYear()+'<br>' );
document.write("月份："+mydate.getMonth()+'<br>');
document.write("日期："+mydate.getDay()+'<br>');
document.write("时："+mydate.getHours()+'<br>');
document.write("分："+mydate.getMinutes()+'<br>');
document.write("秒："+mydate.getSeconds()+'<br>');
function timea(){    var mydate=new Date();    
document.getElementById('po').innerHTML=mydate;    }
setInterval("timea()",1000);

查看全部

0 采集收起来源：返回/设置年份方法

2018-11-25

幕布斯6549210

onload 导入网页
onunload 关闭网页
文本框内容改变 onchange
选中文本框内容事件 onselect

查看全部

0 采集收起来源：什么是事件
2018-11-25

qq_bonesL

<!DOCTYPE HTML>
<html>
<head>
<title>事件</title>
<script>
  function count(){
  var first=document.getElementById("txt1").val
  ue;//获取第一个输入框的值
  var second=document.getElementById("txt2").val
  ue;//获取第二个输入框的值
  var selectbox=document.getElementById("select"
  ).value;//获取选择框的值
  var result;//设置一个结果变量
  var i=parseInt(first);//parseInt把获取的字符串
  转为整数
  var j=parseInt(second);
  switch(selectbox){
      case"+":
          result=i+j;
          break;
      case"-":
          result=i-j;
          break;
      case"*":
          result=i*j;
          break;
      case"/":
           result=i/j;
           break;
      default:
           document.write("错了错了");
           break;//获取通过下拉框来选择的值来改
           变加减乘除的运算法则
           }
 document.getElementById("fruit").value=result;
 //获取结果输入框的值
 }
 </script>
 </head>
 <body>
     <input type='text' id='txt1'/>
     <select id='select'>
           <option value="+">+</option>
           <option value="-">-</option>
           <option value="*">*</option>
           <option value="/">/</option>
      </select>
      <input type='text' id='txt2'/>
      <input type='button' value='=' onlick="
      count()"/><!--通过 = 按钮来调用创建的函数
      ，得到结果-->
    <input type='text' id='fruit'/>
    </body>
 </html>

查看全部

0 采集收起来源：编程练习

2018-11-25

qq_bonesL

卸载事件：

<script>
    window.onunload=onunload_message;
      function onunload_message(){
        alert("您确定离开该页面吗？");}
</script>

查看全部

0 采集收起来源：卸载事件（onunload）

2018-11-25

qq_bonesL

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="
text/html; charset=utf-8">
<title>加载事件</title>
<script>
   function message(){
          alert("加载中，请稍后。。。");}
</script>
</head>
<body onload="message()">
欢迎学习javascript.
</body>
</html>

查看全部

0 采集收起来源：加载事件（onload）

2018-11-25

首页上一页 531 532 533 534 535 536 537 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面

JavaScript进阶篇

给变量取个名字(变量命名)