Javascript入门.pptx

第5讲Javascript入门内容认识JavascriptJavaScript插入网页JavaScript语法认识JavaScript什么是JavaScriptJava vs. JavaScriptJavaScript可以做什么？什么是JavaScriptJavaScript最初是为了在HTML页面中增加交互功能而设计的JavaScript是一种脚本语言 (脚本语言是一种轻型编程语言)一个JavaScript脚本可包含多行可执行的计算机代码JavaScript脚本通常都直接嵌入在HTML页面里，也有时是写在单独的文件里JavaScript是一种解释型语言(这就意味着脚本执行时不需要预编译)Java JavaScriptJava 和 JavaScript 无论从概念还是设计上来说都是两种完全不同的语言！Java (由Sun Microsystems公司开发) 是一种强大和更为复杂的编程语言 – 与C 和 C++属于同一级别JavaScript能做什么JavaScript 为 HTML 设计者提供了一个编程工具JavaScript 可以对事件进行反应一段JavaScript 可以被设置为在某事件发生时执行，例如当一个页面完成加载时，或者当用户点击某个HTML控件时执行JavaScript可以读写HTML元素JavaScript 可以用来验证数据JavaScript 可以用来生成cookie实例总体认识!DOCTYPE htmlhtmlbody h1简单JavaScript实例/h1 p 利用弹出对话框提示用户 /pscript document.write(Hello World!) alert(熊出没，注意);/script/body/html!DOCTYPE htmlhtmlbodyh1我的第一段 JavaScript/h1p id=demoJavaScript 能改变 HTML 元素的内容。/pscriptfunction myFunction(){ x=document.getElementById(demo); x.innerHTML=Hello JavaScript!; // 改变内容}/script button type=button onclick=myFunction()点击这里/button/body/html效果1/tiy/t.asp?f=js_lightbulbAnother example 1效果2/tiy/t.asp?f=js_intro_validateAnother example 2内容认识JavascriptJavaScript插入网页JavaScript语法网页中插入JavaScriptscript标签script type=“text/javascript” /script 旧方式script /script 新方式可以放在外部，javascript文件格式为*.jsscript src=myScript.js/script 插入的位置位置不同，效果不同head /head 之间， 一般为/tiy/t.asp?f=js_whereto_head函数被调用的时候才会执行body /body 之间， 一般为/tiy/t.asp?f=js_intro_document_write过程执行在网页读取到该语句的时候就会执行内容认识JavascriptJavaScript插入网页JavaScript语法JavaScript的语句语句语句块JavaScript语法 基本要素区分大小写、注释、代码块 数据类型 运算符与表达式 变量 控制语句 函数基本要素区分大小写注释同C/C++ ///* */代码块{ }词法结构标识符必须以字母、_ 或者 $开始，后续的字符可以是字母、数字、下划线或者美元符保留字可选的分号; 语句分隔符如果语句独自占一行，可省略分号a = 3; //可省略分号b = 4; //可省略分号a = 3; b = 4;JavaScript表达式把运算符和运算对象(操作数)连接起来，符合规则的JavaScript语法的式子，称JavaScript表达式例如：5，6称为操作数(运算对象)+，- 称为运算符5+6，5-6都称为表达式每个表达式都会返回一个值，比如5+6返回11，56返回false。算数运算符给定?y=5，下面的表格解释了这些算术运算符用于字符串的 + 运算符赋值运算符给定?x=10?和?y=5，下面的表格解释了赋值运算符：比较运算符逻辑运算符数据类型Javascript是一种基于对象的语言，数据类型本身可以定义方法（method)来使用值例如：对数组a的元素排序，不需要将a传入sort()函数，而是调用a的一个方法 a.sort() // so