慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

qq_嵩嵩嵩嵩_0

返回星期方法

getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下:

<script type="text/javascript">   var mydate=new Date();//定义日期对象   var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值   var mynum=mydate.getDay();//返回值存储在变量mynum中   document.write(mydate.getDay());//输出getDay()获取值   document.write("今天是："+ weekday[mynum]);//输出星期几 </script>

查看全部

0 采集收起来源：返回星期方法

2018-06-12

qq_嵩嵩嵩嵩_0
定义一个时间对象 :
```
var Udate=new Date();
```
注意:使用关键字new，Date()的首字母必须大写。
使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。
如果要自定义初始值，可以用以下方法：
```
var d = new Date(2012, 10, 1);  //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日
```
查看全部

0 采集收起来源： Date 日期对象
2018-06-12
极客天使

定义变量num，并赋初值为0；
定义函数startCount()，自加1，输出
document.getElementById('count').value=num;num=num+1；
定时器：setTimeout("startCount()",1000);
点击触发：onClick="startCount()"

查看全部

0 采集收起来源：计时器setTimeout()
2018-06-11
慕神关关

优先级高低
算术操作符比较操作符逻辑操作符 "="赋值符号
结果：
数值 bool(true/false) 同上

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2018-06-11
慕神关关

如果A为假，A && B为假，不会在执行B; 反之，如果A为真，要由 B 的值来决定 A && B 的值。

查看全部

0 采集收起来源：我与你同在(逻辑与操作符）
2018-06-11
慕神关关

如果A为真，A || B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定 A || B 的值。

查看全部

0 采集收起来源：我或你都可以 (逻辑或操作符）
2018-06-11
qq_嵩嵩嵩嵩_0
使用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 txt1=document.getElementById('txt1').value;
      var txt2=document.getElementById('txt2').value;
      var select=document.getElementById('select').value;
      var result='';
      switch(select){
          case '+':
              result=parseFloat(txt1)+parseFloat(txt2);
              break;
          case '-':
             result=parseFloat(txt1)-parseFloat(txt2);
              break;
          case '*':
             result=parseFloat(txt1)*parseFloat(txt2);
              break;
          case '/':
             result=parseFloat(txt1)/parseFloat(txt2);
              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-06-11
5039

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var txt_1 = parseInt(document.getElementById("txt1").value);
    //获取第二个输入框的值
    var txt_2 = parseInt(document.getElementById("txt2").value);
    //获取选择框的值
    var xuanze = document.getElementById("select").value;
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
var shu;
switch (xuanze){
case "+":
shu = txt_1 + txt_2;
break;
case "-":
shu = txt_1 - txt_2;
break;
case "*":
shu = txt_1 * txt_2;
break;
case "/":
shu = txt_1 / txt_2;
break;
};
//设置结果输入框的值
return document.getElementById("fruit").value = shu;
}
</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-06-11
qq_嵩嵩嵩嵩_0

卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">
     window.onunload = onunload_message;
     function onunload_message(){
        alert("您确定离开该网页吗？");
    }
</script>
</head>
<body>
欢迎学习JavaScript。
</body>
</html>

查看全部

0 采集收起来源：卸载事件（onunload）
2018-06-11
qq_嵩嵩嵩嵩_0

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

查看全部

0 采集收起来源：加载事件（onload）
2018-06-11
qq_嵩嵩嵩嵩_0

文本框内容改变事件（onchange）
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
如下代码,当用户将文本框内的文字改变后，弹出对话框“您改变了文本内容！”。
<!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">请写入个人简介，不少于200字！</textarea>
</form>
</body>
</html>

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-06-11
qq_嵩嵩嵩嵩_0

选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
如下代码,当选中用户文本框内的文字时，触发onselect 事件，并调用函数message()。
<!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>

查看全部

0 采集收起来源：内容选中事件（onselect）
2018-06-11
qq_嵩嵩嵩嵩_0

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。
如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。代码如下：
<!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>用户:<input name="username" type="text" value="请输入用户名！" ></br>
   密码:<input name="password" type="text" value="请输入密码！" onblur="message()" >
</form>
</body>
</html>

查看全部

0 采集收起来源：失焦事件（onblur）
2018-06-11
qq_嵩嵩嵩嵩_0

鼠标经过事件（onmouseover）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。
现实鼠标经过"确定"按钮时，触发onmouseover事件，调用函数info()，弹出消息框，代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
function message(){
confirm("请输入密码后，再单击确定!"); }
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" >
<input name="确定" type="button" value="确定"/ onmouseover="message()">
</form>
</body>
</html>

查看全部

0 采集收起来源：鼠标经过事件（onmouseover）
2018-06-11
qq_嵩嵩嵩嵩_0

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
<script type="text/javascript">
    function messag(x,y){
        if (x>y){
            return x;
        }else if(x<y){
            return y;
        }else{
            return '两数相等';
        }
    }
//定义函数

//函数体，判断两个整数比较的三种情况

//调用函数，实现下面两组数中，返回较大值。
document.write(" 5 和 4 的较大值是:"+messag(5,4)+"<br>");
document.write(" 6 和 3 的较大值是:"+messag(6,3)+"<br>" );
document.write("11和11的值:"+messag(11,11))

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

查看全部

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

首页上一页 734 735 736 737 738 739 740 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

返回星期方法

任务

卸载事件（onunload）

加载事件（onload）

文本框内容改变事件（onchange）

鼠标经过事件（onmouseover）