12JavaScript基本.pptxVIP

Web开发基础－－JavaScript 基础第12讲 JavaScript 基础 1、上周实验成绩分析 2、JavaScript在网页中的应用课程导入主要任务重点知识难点疑点任务1：任务2：动态显示当前时间显示当前日期与星期第12讲 JavaScript 基础课程导入主要任务重点知识难点疑点第12讲 JavaScript 基础课程导入1、网页中使用JS的两种方法；?2、JS基本语法（变量声明、变量数据类型、选择结构）主要任务重点知识难点疑点第12讲 JavaScript 基础课程导入1、外部JS调用?2、JS基本语法（无参函数）主要任务重点知识难点疑点1.2 动态显示当前时间1.1 显示当前日期与星期第12讲 JavaScript 基础授课提纲1.1 显示当前日期与星期1如何在网页中使用JavaScript网页 中的JS代码必须位于 script 与 /script 标签之间。JS代码可被放置在 HTML 页面的 body 和 head 部分中。script 标签如需在 网页中插入 JavaScript，请使用 script 标签。script 和 /script 会告诉 js在何处开始和结束。script 和 /script 之间的代码行包含了 jsscript document.write (“My First JavaScript”); //向屏幕输出html代码/script1.1 显示当前日期与星期2JS Date（日期）对象Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()说明：var myDate声明一个变量； new Date()获取当前日期与时间;注意：JavaScript 拥有动态数据类型var x = 6; // x 为数值型var x = “Bill”;// x 为字符串型var x=true; //x为布尔类型注意：JavaScript 严格区分大小写1.1 显示当前日期与星期3Date 对象方法方法描述Date()返回当日的日期和时间。getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth()从 Date 对象返回月份 (0 ~ 11)。getFullYear()从 Date 对象以四位数字返回年份。getYear()请使用 getFullYear() 方法代替。getHours()返回 Date 对象的小时 (0 ~ 23)。getMinutes()返回 Date 对象的分钟 (0 ~ 59)。getSeconds()返回 Date 对象的秒数 (0 ~ 59)。1.1 显示当前日期与星期4按中国习惯显示当前日期script var myDate=new Date() var year=myDate.getFullYear();//获得当前年 var month=myDate.getMonth()+1;//获得当前月 var day=myDate.getDate();//获得当前天 document.write (year+年+month+月+day+号);/script1.1 显示当前日期与星期5JS的if选择语句语法if (条件 1) { 当条件 1 为 true 时执行的代码 }else if (条件 2) { 当条件 2 为 true 时执行的代码 }else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }1.1 显示当前日期与星期6JS的switch选择语句语法switch(n){case 1: 执行代码块 1 break;case 2: 执行代码块 2 break;default: n 与 case 1 和 case 2 不同时执行的代码}1.1 显示当前日期与星期7按日期显示星期几var myweekday=myDate.getDay();//获得星期几的序号if(myweekday == 0) weekday= 星期日;else if(myweekday == 1) weekday= 星期一;else if(myweekday == 2)……document.write (weekday);1.1 显示当前日期与星期8需要掌握的知识如何在网页中使用JSJS变量声明JS变量数据类型JS内置对象以及对象方法的使用JS选择结构（if , switch）思考：如何在多个网页中显示当前日期与星期？1.2 动态显示当前时间1.1 显示当前日期与星期第12讲 JavaScript 基础授课提纲1.2 动态显示当前时间1外部的 JavaScript可以把JS代码保存到外部文件中。外