中国人民大学：《程序设计实践》课程教学资源（讲稿）第5讲 Javascript入门

第5讲 Javascript入J 信息学院孙辉

第5讲 信息学院 孙辉 Javascript入门

内容 "认识Javascript "JavaScript.插入网页 "JavaScript语法

内容 ▪认识Javascript ▪JavaScript插入网页 ▪JavaScript语法

认识JavaScript ■什么是JavaScript Java vs.JavaScript ■JavaScript可以做什么？

认识JavaScript ▪什么是JavaScript ▪Java vs. JavaScript ▪JavaScript可以做什么？

什么.是JavaScript "JavaScript最初是为了在HTML页面中增加交互功 能而设计的 JavaScript是一种脚本语言（脚本语言是一种轻型 编程语言) ·一个JavaScript脚本可包含多行可执行的计算代 码 avaScript,脚本通常都直接嵌入在HTML页面里， 也有时是写在单独的文件里 JavaScript是一种解释型语言（这就意味着脚本执 行时不需要预编译)

什么是JavaScript ▪JavaScript最初是为了在HTML页面中增加交互功 能而设计的 ▪JavaScript是一种脚本语言 (脚本语言是一种轻型 编程语言) ▪一个JavaScript脚本可包含多行可执行的计算机代 码 ▪JavaScript脚本通常都直接嵌入在HTML页面里， 也有时是写在单独的文件里 ▪JavaScript是一种解释型语言(这就意味着脚本执 行时不需要预编译)

Java JavaScript ■Java和JavaScript无论从概念还是设计上来说 都是两种完全不同的语言！ Java(由Sun Microsystems公司开发)是一种强 大和更为复杂的编程语言-与C和C++属于同 级别

Java & JavaScript ▪Java 和 JavaScript 无论从概念还是设计上来说 都是两种完全不同的语言！ ▪Java (由Sun Microsystems公司开发) 是一种强 大和更为复杂的编程语言 – 与C 和 C++属于同 一级别

JavaScript能做什么. avaScript为HTML设计者提供了一个编程工 具 JavaScript可以对事件进行反应 ■一段JavaScript可以被设置为在某事件发生时 执行，例如当一个页面完成加载时，或者当 用户，点击某个HTML控件时执行 JavaScript可以读写HTML元素 ■JavaScript可以用来验证数据 avaScript可以用来生成cookie

JavaScript能做什么 ▪JavaScript 为 HTML 设计者提供了一个编程工 具 ▪JavaScript 可以对事件进行反应 ▪一段JavaScript 可以被设置为在某事件发生时 执行，例如当一个页面完成加载时，或者当 用户点击某个HTML控件时执行 ▪JavaScript可以读写HTML元素 ▪JavaScript 可以用来验证数据 ▪JavaScript 可以用来生成cookie

实例总体认识 我的第一段JavaScript 简单JavaScript:实例 JavaScript能改变HTML元素的内容。 利用弹出对话框提示用户 function myFunction() document.write("Hello World!") x=document.getElementByld("demo"); alert("熊出没，注意")方 x.innerHTML-"Hello JavaScript!";∥改变内容 ,点击这里 数果1 数果2 Another example 1 Another example 2

简单JavaScript实例 利用弹出对话框提示用户 document.write("Hello World!") alert("熊出没，注意"); 实例总体认识 我的第一段 JavaScript JavaScript 能改变 HTML 元素的内容。 function myFunction() { x=document.getElementById("demo"); x.innerHTML="Hello JavaScript!"; // 改变内容 } 点击这里 Another example 1 Another example 2

内容 "认识Javascript "JavaScript插入网页 "JavaScript语法

内容 ▪认识Javascript ▪JavaScript插入网页 ▪JavaScript语法

网页中插入JavaScript :标签 旧方式 "新方式 可以放在外部，javascript.文件格式为*js ■插入的位置 ·位置不同，效果不同 之间， 一般为函数 ■被调用的时候才会执行 ·之间，一 般为过程执行 ■在网页读取到该语句的时候就会执行

网页中插入JavaScript ▪标签 ▪ 旧方式 ▪ 新方式 ▪可以放在外部，javascript文件格式为*.js ▪ ▪插入的位置 ▪位置不同，效果不同 ▪ 之间， 一般为函数 ▪被调用的时候才会执行 ▪ 之间， 一般为过程执行 ▪在网页读取到该语句的时候就会执行

内容 "认识Javascript "JavaScript插入网页 "JavaScript语法

内容 ▪认识Javascript ▪JavaScript插入网页 ▪JavaScript语法