慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

虎耳草

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 内容选中事件 </title>
<script type="text/javascript">
function message(){
alert("您触发了选中事件！"); }
</script>
</head>
<body>
<form>
个人简介：<br>
<textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
</form>
</body>
</html>

查看全部

1 采集收起来源：内容选中事件（onselect）
2018-05-22
虎耳草

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 光标聚焦事件 </title>
<script type="text/javascript">
function message(){
alert("请选择，您现在的职业！");
}
</script>
</head>
<body>
请选择您的职业：<br>
<form>
<select name="career" onfocus="message">
<option>学生</option>
<option>教师</option>
<option>工程师</option>
<option>演员</option>
<option>会计</option>
</select>
</form>
</body>
</html>

查看全部

0 采集收起来源：失焦事件（onblur）
2018-05-22
虎耳草

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 光标聚焦事件 </title>
<script type="text/javascript">
function message(){
alert("请选择，您现在的职业！");
}
</script>
</head>
<body>
请选择您的职业：<br>
<form>
<select name="career" onfocus="message">
<option>学生</option>
<option>教师</option>
<option>工程师</option>
<option>演员</option>
<option>会计</option>
</select>
</form>
</body>
</html>

查看全部

0 采集收起来源：光标聚焦事件（onfocus）
2018-05-22
慕数据7366584

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
   function count(){

    //获取第一个输入框的值

    var numa = document.getElementById("txt1").value;
//获取第二个输入框的值
var numb = document.getElementById("txt2").value;
//获取选择框的值
var result ="" ;
var fu = document.getElementById("select").value;
switch(fu){
     case "+":
         result = parseInt(numa) + parseInt(numb);
         break;
     case "-":
         result = parseInt(numa) - parseInt(numb);
         break;
     case "*":
         result = parseInt(numa) * parseInt(numb);
         break;
     default:
         result = parseInt(numa) / parseInt(numb);
         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>
//用等于号的button来引用函数

查看全部

0 采集收起来源：编程练习
2018-05-22
慕数据7366584

t用户yong'huyong'hyongyonyoy
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
</head>
<body>
   <input type='text' id='txt1' onchange="count()"/>
   <select id='select' onchange = "count()">
  <option value='+'>+</option>
  <option value="-">-</option>
  <option value="*">*</option>
  <option value="/">/</option>
   </select>
   <input type='text' id='txt2' onchange="count()"/>
   <input type='button' value=' = ' /> 
   <input type='text' id='fruit' />
   <script type="text/javascript">
   function count(){

    //获取第一个输入框的值
    var numa = 0;
     numa = document.getElementById("txt1").value;
//获取第二个输入框的值
var numb = 0;
numb = document.getElementById("txt2").value;
//获取选择框的值
var result = 0;
var fu = document.getElementById("select").value;
switch(fu){
     case "+":
         result = parseInt(numa) + parseInt(numb);
         break;
     case "-":
         result = parseInt(numa) - parseInt(numb);
         break;
     case "*":
         result = parseInt(numa) * parseInt(numb);
         break;
     case "/":
         result = parseInt(numa) / parseInt(numb);
         break;
}

document.getElementById("fruit").value=result;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
    //设置结果输入框的值
   }

</script>
</body>
</html>

//用户体验不高，待改

查看全部

0 采集收起来源：编程练习
2018-05-22
慕数据7366584

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
function sortNum(a,b) {
return b-a;
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));
</script>
</head>
<body>
</body>
</html>
//把数组以降序排序

查看全部

0 采集收起来源：数组排序sort()
2018-05-22
慕容0368030

1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字.
2.变量名区分大小写，如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。

查看全部

0 采集收起来源：给变量取个名字(变量命名)
2018-05-22
慕数据7366584

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math </title>
<script type="text/javascript">
document.write(Math.round(Math.random()*10));
</script>

//随机得到一个不大于10的数

查看全部

0 采集收起来源：随机数 random()
2018-05-22
慕数据7366584

属性和方法都可以得到某些东西，但是方法还需要传入参数。

查看全部

0 采集收起来源：Math对象
2018-05-22
忧伤的民工
定义函数
如何定义一个函数呢？看看下面的格式：
```
function  函数名( ) {      函数体; }
```
function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。
我们完成对两个数求和并显示结果的功能。并给函数起个有意义的名字：“add2”，代码如下：
```
<script type="text/javascript">   function add2(){     sum = 3 + 2;     alert(sum);   }   add2(); </script>
```
查看全部

0 采集收起来源：定义函数
2018-05-22
慕数据7366584

空格也算在下标里

查看全部

0 采集收起来源：返回指定位置的字符
2018-05-22
慕数据7366584

meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日期对象 </title>
<script type="text/javascript">
var mydate=new Date();
document.write("当前时间："+mydate+"<br>");
mydate.setTime( mydate.getTime() + 2* 60 * 60 * 1000);
document.write("推迟二小时时间：" + mydate);
</script>

////get/setTime（），返回/设置时间

查看全部

0 采集收起来源：返回/设置时间方法
2018-05-22
忧伤的民工

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

查看全部

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

___夕颜

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

<form>
<input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名</form>

查看全部

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

2018-05-22

liaoxxx3401992

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
    var main = document.body;
    //创建链接
    function createa(url,text)
    {
       var newElement= document.createElement("a");
       newElement.innerHTML="慕课网";
       newElement.setAttribute("href","http://www.imooc.com");
        main.appendChild(newElement);


    }
    // 调用函数创建链接
    createa();

</script>
</body>
</html>

<!--
//1. 在右边编辑器补充代码，完善createa(url,text)创建链接函数，参数1为链接地址，参数2为链接文本。函数中添加链接地址、文本、文字颜色属性。

//2. 调用createa函数，链接地址 http://www.imooc.com，文本为:慕课网-->

查看全部

0 采集收起来源：创建元素节点createElement

2018-05-22

首页上一页 791 792 793 794 795 796 797 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

定义函数