慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

依梦儿

页面换行：document.writeln("<br/>");

查看全部

0 采集收起来源：编程练习
2018-08-13

six_five

编程练习

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var = document.getElementById(“id”）.value；

任务

第一步：创建构建运算函数count()。

第二步：获取两个输入框中的值和获取选择框的值。

提示：document.getElementById( id名 ).value 获取或设置 id名的值。

第三步：获取通过下拉框来选择的值来改变加减乘除的运算法则。

提示：使用switch判断运算法则。

第四步：通过 = 按钮来调用创建的函数，得到结果。

注意: 使用parseInt()函数可解析一个字符串,并返回一个整数。

<!DOCTYPE html><html> <head>  <title> 事件</title>    <script type="text/javascript">   function count(){     var num1 = parseFloat(document.getElementById("txt1").value);     var num2 = parseFloat(document.getElementById("txt2").value);   /*  num1 = num1.parseInt();     num2 = num2.parseInt();*/     var result;    //获取第一个输入框的值	//获取第二个输入框的值	//获取选择框的值	//获取通过下拉框来选择的值来改变加减乘除的运算法则    //设置结果输入框的值     var operation = document.getElementById("select").value;    switch(operation){        case '+':result = num1 + num2;break;        case '-':result = num1 - num2;break;        case '*':result = num1 * num2;break;        case '/':result = num1 / num2;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=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->    <input type='text' id='fruit' />    </body></html>

查看全部

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

2018-08-13

Ap10043知行合一

sumq=req1+req2;
变量的和可以直接用“+”吗？！

查看全部

0 采集收起来源：返回值的函数
2018-08-13
qq_风格十分_0

失焦事件（链接）
我的代码保存。

查看全部

0 采集收起来源：失焦事件（onblur）
2018-08-13
six_five

什么是事件
JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。
主要事件表:

查看全部

0 采集收起来源：什么是事件
2018-08-12
six_five
二维数组
一维数组，我们看成一组盒子，每个盒子只能放一个内容。
```
一维数组的表示: myarray[ ]
```
二维数组，我们看成一组盒子，不过每个盒子里还可以放多个盒子。
```
二维数组的表示: myarray[ ][ ]
```
注意: 二维数组的两个维度的索引值也是从0开始，两个维度的最后一个索引值为长度-1。
1. 二维数组的定义方法一
```
var myarr=new Array();  //先声明一维  for(var i=0;i<2;i++){   //一维长度为2    myarr[i]=new Array();  //再声明二维     for(var j=0;j<3;j++){   //二维长度为3    myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j    }  }
```
注意: 关于for 循环语句，请看第四章4-5 。
将上面二维数组，用表格的方式表示:
2. 二维数组的定义方法二
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
3. 赋值
myarr[0][1]=5; //将5的值传入到数组中，覆盖原有值。
说明: myarr[0][1] ,0 表示表的行，1表示表的列。
查看全部

0 采集收起来源：二维数组
2018-08-12
5769727

http://www.imooc.com/qadetail/212238

查看全部

0 采集收起来源：Navigator对象
2018-08-12
qq_dfg

加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”

查看全部

1 采集收起来源：加载事件（onload）
2018-08-12
qq_dfg
```
onselect=""
```
这是一个双击事件！！！！
查看全部

0 采集收起来源：内容选中事件（onselect）
2018-08-12
qq_慢才后生_ehCEY4

<script type="text/javascript">
function replaceMessage(){
var old = document.getElementById("oldnode");
var new_ele = document.createElement("em");
old.parentNode.replaceChild(old.parentNode.appendChild(new_ele),document.getElementById("oldnode"));
new_ele.innerHTML = "javascript";
}
</script>

先appendChild一个新的子节点对象用于“替换”，原节点对象---被替换

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-08-12
qq_慢才后生_ehCEY4

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>

<ul id="test">
<li>JavaScript</li>
<li>HTML</li>
</ul>

<script type="text/javascript">

var otest = document.getElementById("test");
otest.appendChild(document.createElement("li")).appendChild(document.createTextNode("PHP"));
</script>
</body>
</html>

查看全部

0 采集收起来源：插入节点appendChild()
2018-08-11
JassyFu

运算前先转换
若是字符串“1+1”转换得 1
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var var1 = document.getElementById('txt1').value;
    //获取第二个输入框的值
    var var2 = document.getElementById('txt2').value;
    //获取选择框的值
    var sele = document.getElementById('select').value;
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
    var re;
    switch(sele){
     case '+' :
     re = parseInt(var1) + parseInt(var2);
     break;
     case '-' :
     re = parseInt(var1) - parseInt(var2);
     break;
     case '*' :
     re = parseInt(var1) * parseInt(var2);
     break;
     case '/' :
     re = parseInt(var1) / parseInt(var2);
     break;
    }
//设置结果输入框的值
document.getElementById('fruit').value = re;
}
</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=' = ' onclick="count()" />
<input type='text' id='fruit' />
</body>
</html>

查看全部

0 采集收起来源：编程练习
2018-08-11

six_five

谁是团里成员（数组赋值）

数组创建好，接下来我们为数组赋值。我们把数组看似旅游团的大巴车，大巴车里有很多位置，每个位置都有一个号码，顾客要坐在哪个位置呢？

第一步：组个大巴车 第二步：按票对号入座         大巴车的1号座位是张三         大巴车的2号座位是李四

数组的表达方式：

第一步：创建数组var myarr=new Array();  第二步：给数组赋值         myarr[1]=" 张三";         myarr[2]=" 李四";

下面创建一个数组，用于存储5个人的数学成绩。

var myarray=new Array(); //创建一个新的空数组 myarray[0]=66; //存储第1个人的成绩 myarray[1]=80; //存储第2个人的成绩 myarray[2]=90; //存储第3个人的成绩 myarray[3]=77; //存储第4个人的成绩 myarray[4]=59; //存储第5个人的成绩

注意：数组每个值有一个索引号，从0开始。

我们还可以用简单的方法创建上面的数组和赋值：

第一种方法：

var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

第二种方法：

 var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

注意：数组存储的数据可以是任何类型（数字、字符、布尔值等）

查看全部

0 采集收起来源：谁是团里成员（数组赋值）

2018-08-11

光华公子源氏

Array 数组对象
数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的

查看全部

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

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

首页上一页 656 657 658 659 660 661 662 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

编程练习

任务

什么是事件

二维数组

加载事件（onload）

谁是团里成员（数组赋值）

Array 数组对象

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