JavaScript 语言基础.

Slides:



Advertisements
Similar presentations
1 HTML 语言与网页设计 —— DHTML 技术 2 学习目标 理解客户端脚本的作用,掌握在 网页中使用客户端脚本的方法。 理解 JavaScript 语言的基本语法。 理解 JavaScript 对象和浏览器对 象在脚本编程中的作用。 理解 DHTML 的原理,能够在网页 中应用 DHTML.
Advertisements

10.2.switch语句.
第4章 條件判斷與迴圈 Java 2 程式設計入門與應用.
迴圈 迴圈基本觀念 while迴圈 do 迴圈 for迴圈 巢狀迴圈 迴圈設計注意事項 其他控制指令 迴圈與選擇的組合.
作業2-Javascript實作 (請同學自行研讀電子書或指定之Javascript教科書) 書上習題: 11-3
C#程序设计案例教程 第3章 程 序 结 构.
Tool Command Language --11级ACM班 金天行.
JavaScript中常用的互動方式 認識簡單的交談與基本的運算.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
第一讲 JavaScript编程基础 信息学院 周宝刚.
第4章 JavaScript脚本语言基础 4.1 JavaScript简介 4.2 JavaScript语法基础
第3章 JavaScript语言基础.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
第10章 JavaScript和DHTML技术
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
第 5 章 流程控制 (一): 條件分支.
第6章 脚本编程 讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript的方法,重 点介绍了JavaScript内置对象和浏览器对象在Web页上的应用.
選擇 運算式 邏輯運算 if指令 流程圖基本觀念 程式註解 巢狀if指令 switch指令.
第三章 第三节javascript企业常用开发1-1
第三章 控制结构.
Ch07 PHP程式基礎 網頁程式設計.
程式設計實作.
EBNF与操作语义 请用扩展的 BNF 描述 javascript语言里语句的结构;并用操作语义的方法描述对应的语义规则
Class 2 流程控制-選擇敘述與迴圈.
C++Primer 3rd edition 中文版 Chap 5
第7章:文件共享 与远程控制——回顾 第8章:bash脚本编程 本章教学目标: 了解shell程序的基本结构 网络文件系统NFS的概念
EBNF 请用扩展的 BNF 描述 C语言里语句的结构; 请用扩展的 BNF 描述 C++语言里类声明的结构;
流程控制結構 4-1 流程控制與UML活動圖 4-2 程式區塊與主控台基本輸入 4-3 條件控制敘述 4-4 迴圈控制敘述 4-5 巢狀迴圈
SVN的基本概念 柳峰
C 程式設計— 控制敘述 台大資訊工程學系 資訊系統訓練班.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
條件判斷指令 -if 指令 -switch 指令 迴圈指令 - for 迴圈 - while迴圈 - break、continue 指令
PHP 程式流程控制結構.
走进编程 程序的顺序结构(二).
NAMO網頁製作教學簡報 講師:李惠茹.
第一单元 初识C程序与C程序开发平台搭建 ---观其大略
第二章 Java语言基础.
DevDays ’99 The aim of this mission is knowledge..
任务1-3 使用Dreamweaver创建ASP网页
A New Kind of JavaScript Library
第3章 Java語法的JSP程式 3-1 Java語言的基礎 3-2 JSP程式的基本架構 3-3 Java的變數與資料型態
第4章 PHP流程控制语句.
1.3 C语言的语句和关键字 一、C语言的语句 与其它高级语言一样,C语言也是利用函数体中的可执行 语句,向计算机系统发出操作命令。按照语句功能或构成的不 同,可将C语言的语句分为五类。 goto, return.
Ajax编程技术 第六章 调试与错误处理.
学习目标 1、什么是字符集 2、字符集四个级别 3、如何选择字符集.
網站HOLMES DATA監測代碼.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
第3章 JavaScript基本语句.
<编程达人入门课程> 本节内容 为什么要使用变量? 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ:
JSP实用教程 清华大学出版社 第2章 JSP运行环境和开发环境 教学目标 教学重点 教学过程 2019年5月7日.
第二章 Java语法基础.
3.16 枚举算法及其程序实现 ——数组的作用.
多层循环 Private Sub Command1_Click() Dim i As Integer, j As Integer
ASP.NET实用教程 清华大学出版社 第4章 C#编程语言 教学目标 教学重点 教学过程 2019年5月5日.
目标 流程控制 字符串处理 C# 的类和对象 C# 访问修饰符 C# 构造函数和析构函数.
学习目标 1、了解基本运算符 2、运算符优先级.
第二章 Java基本语法 讲师:复凡.
第二章 Java基本语法 讲师:复凡.
临界区问题的硬件指令解决方案 (Synchronization Hardware)
本节内容 C语言的汇编表示 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
第1章 数据结构基础概论 本章主要介绍以下内容 数据结构研究的主要内容 数据结构中涉及的基本概念 算法的概念、描述方法以及评价标准.
C++语言程序设计 C++语言程序设计 第九章 类的特殊成员 第十一组 C++语言程序设计.
第6章 PHP基本語法介紹.
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
第三章 流程控制 程序的运行流程 选择结构语句 循环结构语句 主讲:李祥 时间:2015年10月.
编译原理实践 6.程序设计语言PL/0.
第二章 Java基本语法 讲师:复凡.
JavaScript 教师:魏小迪
Presentation transcript:

JavaScript 语言基础

本节学习目标 掌握JavaScript语言的特点; 掌握Javascript的语言基础,包括变量、函数、运算符等; 能够利用Javascript进行cookie应用;

本节主要内容 1、Javascript基础 2、JavaScript 函数 3、JavaScript 运算符 4、JavaScript语句 5 、浏览器对象模型 6、JavaScript 消息框

JavaScript简介 JavaScript是一种在网页中使用的脚本语言。 脚本语言是一种轻量级的、解释型的编程语言。 JavaScript是一种能够插入到HTML页面的编程代码。 JavaScript代码可以被所有的现代Web浏览器执行。 JavaScript是简单易学。

JavaScript简介 在HTML中JavaScript代码必须插入在<SCRIPT>和</script>标记之间。Javascript脚本可以放在HTML页面的<body>中或者放在head部分。 脚本也可以放在外部文件中。外部文件经常包含要使用在几个不同网页中的代码。外部JavaScript文件的扩展名为.JS。要使用外部脚本, <script>标签中的“src”属性要指向js文件。

Javascript的作用 JavaScript 是为 HTML 设计者提供的一种的编程工具

原理:

JavaScript输出 要通过JS脚本存取HTML元素,可以使用document.getElementById(id)方法。 使用 document.write() 方法直接写出到文档输出。如果在文档载入完成后执行 document.write() ,整个的HTML页面内容将会被重写。

JavaScript语句 分号把不同的Java语句分隔开,是一个可执行语句的结束符。可以在一行中写多个语句,只需要使用分号分隔即可。 HTML并不区分大小写。

JavaScript语句 条件语句 循环语句 Break 和 Continue 语句

条件语句 1. If 语句 只有当指定条件为 true 时,该语句才会执行代码。 语法 if (条件) { }

2. If else 语句 If...else 语句 请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。 if (条件) { 当条件为 true 时执行的代码 } else 当条件不为 true 时执行的代码

3 if else嵌套 If...else if...else 语句:使用 if....else if...else 语句来选择多个代码块之一来执行。 if (条件 1) { 当条件 1 为 true 时执行的代码 } else if (条件 2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和 条件 2 都不为 true 时执行的代码 }

4. Switch语句 switch 语句用于基于不同的条件来执行不同的动作。 语法: switch(n) {case 1: 执行代码块 1 break; case 2: 执行代码块 2 Default: n 与 case 1 和 case 2 不同时执行的代码 }

循环语句 JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循环指定的代码块 do/while - 同样当指定的条件为 true 时循环指定的代码块

1. For循环 for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 在循环(代码块)开始前执行 语句 1 在循环(代码块)开始前执行 语句 2 定义运行循环(代码块)的条件 语句 3 在循环(代码块)已被执行之后执行

2. For/In 循环 JavaScript for/in 语句循环遍历对象的属性: 主要应用在数组中和对象集合中;

3. While循环 只要指定条件为 true,循环就可以一直执行代码。 语法: while (条件) { 需要执行的代码 }

4. do/while 循环 do/while 循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。 语法: do { 需要执行的代码 } while (条件);

5.Break 和 Continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。

变量 JavaScript的变量是“容器”来存储信息。 var my=5; var mysite="my test"; 变量名必须以字母开头 变量名也可以以$和_开头 变量名是大小写敏感的(y和Y都是不同的变量) 变量名不能使用JavaScript关键词与JavaScript保留字,而且不能使用JavaScript语言内部的单词,比如Infinity,NaN,undefined

JavaScript 函数 function 函数名() { 代码 } 带参数的形式: function myFunction(var1,var2) { some code }

JavaScript 函数 带有返回值的函数: function myFunction() { var x=5; return x; } 函数调用将被返回值取代: var myVar=myFunction();

2.5.5 JavaScript 运算符 算术运算符 赋值运算符 比较运算符 逻辑运算符 条件运算符

小结 JavaScript既是一种描述语言,也是一种基于对象和事件驱动,并且有安全性能的脚步语言。无论是客户端还是服务器端javascript应用程序都要下载到浏览器的客户端执行,从而减轻服务器端的负担。 提供了多种对象和函数以供使用;