Javascript1-概述(2)

合集下载

第2章 JavaScript基础-任务1 显示变量数据类型

第2章 JavaScript基础-任务1 显示变量数据类型

var price=1000;
定义变量并赋值
赋值
var addPrice=prompt("相机竞拍,请出一口价:","1");
var total=price+addPrice; 输出
document.write(“<h2>你购买相机的价格:"+total+”</h2>”);
变量的作用域
可由函数 1、 函数 2 和函数 3 访问
运算符
算术运算符
+、-、 * 、 / 、%、 ++、--
比较运算符
==、!=、 >、>=、 <、<=
逻辑运算符 &&、||、!
条件运算符 ?:
“+”号的用法
示例
100
document.write("<h1>淘宝相机竞拍</h1>");
1000100 ? bug
var price=1000;
Prompt函数返回输入的字符串
类型转换
toString():把其他类型转换成字符串 • 如: var num=35; num.toString()
parseInt(String)、parseFloat(String) 将字符串转换为整型、浮点型 • 如: parseInt (“34.45”)将字符串“34.45”转换为浮点值34.45 基本数据类型转换 •Boolean(value):把值转换为布尔型,如Boolean(“”)返回false、Boolean(“-1”) 返回true •Number(value):将值转换为数值型 •String(value):把值转换为字符串 •toFixed():把值按照指定的小数位返回数字的字符串表示

【思维导图】1)javascript-

【思维导图】1)javascript-
{"code":"InvalidRange","message":"The wk.baidu.comequested range cannot be satisfied.","requestId":"6a41c1d3-4f77-4976-8769-18b7bd94e86b"}

JavaScript语法形式1行内式

JavaScript语法形式1行内式

JavaScript语法形式1⾏内式

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<!--

⾏内式 --- 与css的⾏内式基本相同

在标签中,通过 script标签来定义JavaScript代码

但是实际操作中,⼀般是通过定义事件来定义JavaScript程序代码

这样的⾏内式,我们在实际项⽬中基本不会使⽤

只要了解即可

-->

//onclick是js点击事件

<!-- 在代码中直接定义 script 程序代码内容 -->

<div id="div1" style="color: red;" onclick="window.alert('我是点击弹出的内容')">你点我试试</div>

<div id="div2" style="color: blue;" onclick= fun1() >试试就试试</div>

<!-- 特殊的标签,a标签

在 a标签中有 href 属性可以定义标签的跳转对象

如果定义JavaScript程序,有可能会受到超链接跳转的影响,执⾏JavaScript代码有误

JavaScript基础教程1

JavaScript基础教程1
在执行过以下语句后,变量 carname 的值将是 undefined: var carname;
实例1-13
var name = "[ 小明"; //合并字符串 name = name + " 20岁"; name = name + " 男生 ]"; alert (name);//[ 小明 20岁 男生
如需向变量赋值,请使用等号: carname="Volvo"; 不过,您也可以在声明变量时对其赋值: var carname="Volvo";
在下面的例子中,我们创建了名为 carname 的变量,并向其赋值 "Volvo",然后把它 放入 id="demo" 的 HTML 段落中:
<p id="demo"></p> var carname="Volvo"; document.getElementById("demo").innerHTML=carname;
实例1-18
Biblioteka Baidu
常用的逻辑运算符:
下表显示了 js支持的所有逻辑运算符。假设变量 A 为布尔值 true,变量 B 为布尔值 false,则:
常用的逻辑运算符:
var a = true; var b = true; document.write("如果a = true,b = true <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); a = true; b = false; document.write("如果a = true,b = false <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); a = false; b = false; document.write("如果a = false,b = false <br>"); document.write("a&&b的值为"+(a&&b)+"<br>"); document.write("a||b的值为"+(a&&b)+"<p>"); 实例1-19

第1章 零基础学JavaScriptJavaScript基础

第1章  零基础学JavaScriptJavaScript基础
• 虽然JavaScript被称为“面向对象”的语言,但 是在JavaScript中并没有正式的“类”的概念, 这一点与其他面向对象的程序设计语言有所不同。 简单一点说,类是指一个分类,例如汽车、动物 都是一个类。而在汽车类中的卡车、公共汽车、 货车等,这些都是对象。同样在动物类中,猪、 狗、猫等,也都是对象。
1.4 面向对象的语言
• 在最初的程序设计中,所有的关系都是用变量或 表达式来构成,程序员常常很难弄清楚每个变量 或表达式之间的关系,直到面向对象的概念出现。 JavaScript也是一种面向对象的语言。
1.4.1 面向对象介绍
• 所谓对象,实际上就是一个事先定义好的程序模 块,在程序模块中定义好变量或表达式之间的关 系,程序员可以直接使用这些关系来设计自己的 程序。
1.7.3 defer属性
• 由于JavaScript脚本可以放在HTML文件的任何位 置,因此,在浏览器解析HTML文档时,一旦遇到 Script脚本,就会停止解析文档,等待脚本的执 行,只有当脚本执行完毕之后才会继续执行HTML 文档的解析。
1.7.4 包括外部的JavaScript文件
• JavaScript除了可以直接嵌入HTML文件中,也可 以独立存在与HTML文件之外。可以通过设置 <script>标签中src属性来指定外部JavaScript文 件的地址。
1.8.2 使用“javascript:”调用

Java程序设计-1-概述_OK

Java程序设计-1-概述_OK
– 据有关单位调查显示,从开发领域的分布情况上看Web开发占了一半以上, 为57.9%,JavaME移动或嵌入式应用占15%,C/S应用占11.7%,系统编程占 15.4%。近30%的开发者用Java从事C/S应用或系统级应用的开发。
– 具体的 • 企业信息化,特别在企业级应用,如通信、金融 • 电子政务及办公自动化 • 嵌入式设备及消费类电子产品 • 太空领域
– Java ME(Java Platform,Micro Edition)。这个版本以前称为 J2ME。 Java ME 为在移动设备和嵌入式设备(比如手机、PDA、电视机顶盒和 打印机)上运行的应用程序提供一个健壮且灵活的环境。Java ME 包括 灵活的用户界面、健壮的安全模型、许多内置的网络协议以及对可以动 态下载的连网和离线应用程序的丰富支持。基于 Java ME 规范的应用程 序只需编写一次,就可以用于许多设备,而且可以利用每个设备的本机 功能。
*/ public static void main (String[] args) {
System.out.println ("Hello World!"); //向控制台输出 } }
21
• 第一步:打开任一个文本编辑器,将前述内容添加进去,创建一个源程序文 件。
– 考虑好类名,选一个有意义的英文名字,如HelloWorldApp
19

JAVAScript1

JAVAScript1

JAVAScript1

1.()对象表示浏览器窗口,并可用于检索关于该窗口状态的信息(选一项)

A、document

B、window

C、frames

D、navigator

2.___对象表示给定浏览器窗口中的html文档,用于检索关于文档的信息(选一项)

A、document

B、window

C、screen

D、history

3.___事件处理程序可用于在用户单击按钮时执行函数。(选一项)

A、onSubmit

B、onClick

C、onChange

D、onExit

4.___语句用于为函数返回一个值。(选一项)

A、return

B、send

C、invoke

D、return false

5.__JavaScript方法将参数四舍五入到最接近的整数。(选一项)

A、round()

B、ceil()

C、sin()

D、min()

6.__方法要求窗口显示刚刚访问的前一个窗口。(选一项)

A、back()

B、go()

C、display()

D、view()

7.__属性用于将外部JavaScript文件链接到HTML文档。(选一项)

A、prompt

B、script

C、src

D、language

v1.value+v2.value的值为(选一项)

A、17+23

B、40

C、5+3*43+4*5

D、5+3*4+3+4*5

9.Date对象将日期存储为自1970年1月1日00:00:00起所经过的___数。(选一项)

A、天

B、毫秒

C、秒

D、分钟

10.eval(5+3*4)+eval(3+4*5)的值为(选一项)

A、17+23

B、40

实验一JavaScript编程基础

实验一JavaScript编程基础

《Web交互开发》实验教学指导

实验一:JavaScript编程基础

一、实验目的(5分)

1、掌握JavaScript编程语法;

2、掌握JavaScript变量的定义方法;

3、掌握JavaScript数据类型;

4、掌握函数的创建及使用;

5、掌握自定义对象的创建以及使用。

二、实验环境(5分)

1、Windows XP/Windows 7操作系统的计算机;

2、局域网网络环境,并且使用固定IP地址。

三、实验要求(5分)

1、完成乘法口诀表;

2、完成网页中日期和时间的显示;

3、完成酒店信息的显示。

四、实验原理(5分)

1、NetBeans的安装和使用;

2、JavaScript语法及数据类型;

3、JavaScript的函数的定义和使用;

4、JavaScript对象的定义和使用。

五、实验步骤(40分)

1、乘法口诀表

(1)利用for循环语句开发一个乘法口诀表,并将算式以及计算结果打印在特定的表格中。

(2)程序运行结果如图1-1所示。

图1-1 九九乘法表

(3)代码如下所示:

(4)请完成下面的任务:

任务一:对代码进行逐行解释。(5分)

任务二:定义长方形的宽、高,然后计算长方形的面积,并将计算结果输出到网页中。(5分)

2、显示日期和时间

(1)程序运行结果如图1-2所示。

图1-2 时间显示

(3)请完成下面的任务:

任务一:创建一个包含5个元素的数组,并为每个元素赋值,然后使用for循环语句遍历输出数组中的所有元素。(5分)

任务二:上面的案例中仅包含了年、月、日、星期,请将小时、分钟、秒也显示在网页上。(5分)

3、酒店信息的显示

JavaScript是一种基于对象(Object)和事件驱动(Event

JavaScript是一种基于对象(Object)和事件驱动(Event

1.1.2 JavaScript 和 Java 的区别
尽管 Java 与 JavaScript 名称相似,但这两种语言却有许多显著的差别。首先,它们是两个公司开 发的两个不同的产品。 Java 是 Sun 公司推出的新一代面向对象的程序设计语言, 特别适合 Internet 应用 程序的开发。而 JavaScript 是 Netscape 公司的产品,它是为了扩展 Netscape Navigator 功能而开发的一 种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言。其次,它们有各自的特点。例如, JavaScript 是用于 HTML 功能的,提供了能够响应 Web 页面事件的脚本。这样,它可以完全访问浏览 器窗口的各个部分。而 Java 是用于实现嵌入 Web 页面的可执行内容的。因此,它具有更强大的编程功 能,但这些功能限制在有限的浏览器窗口区中。下面从以下几个方面对这两种语言作一下比较。 1.编译与解释 Java 与 JavaScript 之间最显著的区别是执行方式的不同。 Java 是编译语言,用于开发安全的、高性能的 Web 应用程序。Java 的源代码在传递到客户端 执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,Java 可以 通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。 JavaScript 是一种解释性编程语言。其源代码在发往客户端执行之前不需经过编译,而是将文

js事件详解-0-1-2级模型

js事件详解-0-1-2级模型

事件(上)

(不好意思,又是标题党)

JavaScript事件列表

事件解说

一般事件onclick 鼠标点击时触发此事件

ondblclick 鼠标双击时触发此事件onmousedown 按下鼠标时触发此事件onmouseup 鼠标按下后松开鼠标时触发此事件onmouseover

当鼠标移动到某对象范围的上方时触

发此事件

onmousemove 鼠标移动时触发此事件onmouseout 当鼠标离开某对象范围时触发此事件onkeypress

当键盘上的某个键被按下并且释放时

触发此事件.

onkeydown

当键盘上某个按键被按下时触发此事

onkeyup

当键盘上某个按键被按放开时触发此

事件

页面相关事件onabort 图片在下载时被用户中断onbeforeunload

当前页面的内容将要被改变时触发此

事件

onerror 出现错误时触发此事件

onload 页面内容完成时触发此事件onmove 浏览器的窗口被移动时触发此事件onresize

当浏览器的窗口大小被改变时触发此

事件

onscroll

浏览器的滚动条位置发生变化时触发

此事件

onstop

浏览器的停止按钮被按下时触发此事

件或者正在下载的文件被中断

oncontextmenu 当弹出右键上下文菜单时发生

onunload 当前页面将被改变时触发此事件

表单相关

事件

onblur 当前元素失去焦点时触发此事件

onchange

当前元素失去焦点并且元素的内容发

生改变而触发此事件

onfocus 当某个元素获得焦点时触发此事件

onreset

当表单中RESET的属性被激发时触

发此事件

javascript程序设计实验1

javascript程序设计实验1

实验项目1javascript程序设计

【实验内容】

1 、JavaScript 变量、表达式和运算符的使用

2 、JavaScript 对话框的使用

3 、JavaScript 函数的定义及调用

4 、JavaScript 分支结构程序设计

5 、JavaScript 循环结构程序设计

【实验参考书】

《网页设计与制作》………………………………………………………… 重庆大学出版社

《网页标题制作技巧与实例》……………………………………………… 清华大学出版社

《javascript 入门与提高》……………………………………………… 清华大学出版社

《javascript 宝典》……………………………………………………… 电子工业出版社

【实验设备】

计算机,多媒体

【实验目的与要求】

1 、掌握JavaScript 变量、表达式和运算符的使用

2 、掌握JavaScript 对话框的使用

3 、掌握JavaScript 函数的定义及调用

4 、掌握分支结构的JavaScript 程序设计

5 、掌握循环结构的JavaScript 程序设计

【实验重点】

1 、掌握JavaScript 函数的定义及调用

2 、掌握分支结构的JavaScript 程序设计

3 、掌握循环结构的JavaScript 程序设计

【实验难点】

1 、掌握分支结构的JavaScript 程序设计

2 、掌握循环结构的JavaScript 程序设计

【实验过程】

实验内容一:JavaScript 变量、表达式和运算符

1 、程序案例 1 -显示年龄

<script language=javascript>

JavaScript前端开发案例教程 第2版 第1章 初识JavaScript

JavaScript前端开发案例教程 第2版 第1章 初识JavaScript

1.1.2 JavaScript的由来
JavaScript和Java的关系
JavaScript语言和Java语言名称比较相似,这是因为网景公司在为JavaScript 命名时,考虑到该公司与Java语言的开发商Sun公司(2009年被Oracle公司 收购)的合作关系。但实际上,JavaScript和Java只是名字相似,本质上是 完全不同的两种语言。
1.1.1 JavaScript概述
JavaScript 是 Web 开 发 领 域 中 的 一 种 功能强大的编程语言,主要用于开发 交互式的网页。我们在计算机、手机 等设备上浏览的网页,其多数交互逻 辑都可以通过JavaScript实现。
1.1.1 JavaScript概述
HTML、CSS和JavaScript的区别
1.1.2 JavaScript的由来
先定一个小 目标!
了 解 JavaScript 的 由 来 , 能 够 说 出 JavaScript的发展历史
1.1.2 JavaScript的由来
1995年
网景通信公司(Netscape Communications Corporation,简称网景公司)为网景导航者 (Netscape Navigator)浏览器开发了JavaScript语言。
1.1.3 JavaScript的组成
JavaScript组成部分介绍如下。

第9讲_Javascript基础_1

第9讲_Javascript基础_1

Company name WEB 前端开发技术HTML JavaScript

CSS WEB 前端开发技术

第9讲JavaScript (1)计算机科学与技术系

计算机科学与技术系Web 前端开发技术主要内容

掌握JavaScript 语言的基本语法

理解JavaScript 语言的作用和执行方式

掌握在网页中使用客户端脚本的方法

Web前端开发技术9.1 JavaScript基础

计算机科学与技术系

JavaScript简介

最初LiveScript,Netscape公司开发,弥补了HTML只能提供静态资源的缺陷,将静态网页变成动态网页。

JavaScript是一种面向对象、基于事件驱动的轻量级、解释性脚本语言,类似于C、VB,但不需要编译。

JavaScript语言特点

(1)安全性(Browser无法访问本地硬盘数据/写入到数据库);(2)易用性(脚本、无严格数据类型);(3)动态交互性(JS可以直接对用户提交的信息作出回应);(4)跨平台性(支持JS的Browser)。

Web 前端开发技术9.1.1 JavaScript起步

计算机科学与技术系

一个实例

<!--程序9-1 -->

<html>

<title>这是我的第一个JavaScript程序</title>

<body>

<script type="text/javascript">

document.write("欢迎进入JavaScript学习之旅!");

[重点]java脚本病毒

[重点]java脚本病毒

一.网页恶意代码病毒

网页中的恶意代码一般分为如下几种:

(1)消耗系统资源

通过不断消耗本机系统资源,使计算机不能处理其它进程,导致系统与网络瘫痪。这类病毒大都是使用JavaScript产生一个死循环,它可以在有恶意的网站中出现,也可以被当做邮件的附件发给用户,当用户打开HTML、VBS附件时,屏幕出现无数个浏览器窗口,最后不得不重启计算机。

(2)非法向用户的硬盘写入文件

有些个人主页或邮件含有可以格式化本地硬盘的恶意代码,主要利用和deltree.exe命令实现。

(3)IE泄密

利用IE浏览器的漏洞,网页可以读取客户机的文件,攻击者获取用户账号与密码。

(4)利用邮件非法安装木马

二.JavaScript简介

众所周知,HTML网页在互动性方面能力较弱,例如下拉菜单,用户点击某一菜单项时,自动出现该菜单项的所有子菜单,用纯HTML网页无法实现;又如验证HTML表单提交信息的有效性,用户名不能为空,密码不能少于4位,输入字符只能是数字之类,用纯HTML网页也无法实现。要实现这些功能,就需要用到JavaScript。

JavaScript是一种解释性的、基于对象的脚本语言,比HTML要复杂。使用JavaScript编写的程序都是以源代码的形式出现的,也就是说在一个网页里看到一段比较好的JavaScript代码,可以直接拷贝到其它网页中去。也正是因为可以借鉴、参考优秀网页的代码,所以让JavaScript本身变得非常受欢迎,从而被广泛使用。

JavaScript主要是基于客户端运行的,用户点击带有JavaScript的网页,网页里的JavaScript就传到浏览器,由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性等大量互动性功能,都是在客户完成的,不需要和Web服务器发生任何数据交换,因此,不会增加Web服务器的负担。

JavaScript语法基础(1)

JavaScript语法基础(1)

JavaScript语法基础(1)1、JavaScript是什么?

1)定义:

JavaScript「JS」是⼀种⾼级的、动态的、

弱类型的、解释型的计算机编程脚本语⾔。

2)原理:

3)组成:

3⼤部分:

◆ ECMAScript: JS的语法核⼼

◆ DOM: Document Object Model;

⽂档对象模型;

提供访问和操作⽹页的⽅法和接⼝

◆ BOM: Browser Object Model;

浏览器对象模型;

提供与浏览器交互的⽅法和接⼝

4)总结:

JS是⼀种专门为⽹页交互⽽设计的、

简单⽽⼜复杂的脚本程序语⾔。

2、JS的发展简史是怎样的?

●慢速的⽹络 + 表单提交 + 服务器验证 = 糟糕的体验;

● 1995年,Netscape「⽹景公司」,LiveScript;

●为了跟风,更名为了JavaScript;

● "浏览器⼤战"时期,IE <=> Netscape Navigator;

●由于语法和特性上没有标准化,

不同公司的浏览器实现不⼀样,

导致JS出现了⼀定程度的混乱;

●欧洲计算机制造协会「ECMA」组织出现完成并定义了

ECMA-262这样⼀种名为ECMAScript的脚本语⾔标准;

● ECMAScript5「ES5」是最流⾏的版本;

ECMAScript6「ES6」是最新的版本;

●各浏览器⼚商基于ECMAScript的标准

完成了对各⾃浏览器的标准更新,实现统⼀;

●微软借助Windows的垄断性在"浏览器⼤战"中战胜⽹景。

3、JS的使⽤场景有哪些?

1)HTML、CSS和JS三者的关系:

JS(JavaScript)

JS(JavaScript)

JS(JavaScript)

⼀、JavaScript,运⾏于JavaScript解释器中的,解释型脚本语⾔

1、JavaScript主要⽤途:JavaScript主要读写HTML元素、在⽹页中嵌⼊动态⽂本、动态修改CSS样式表;对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等;

2、JavaScript的相关应⽤:验证数据;页⾯特效;数值计算;动态页⾯效果

3、JavaScript位置:我们可以将JavaScript代码放在html⽂件中任何位置,但是我们⼀般放在⽹页的head或者body部分;放在<head>部分,最常⽤的⽅式是在页⾯中head部分放置<script>元素,浏览器解析head部分就会执⾏这个代码,然后才解析页⾯的其余部分;放在<body>部分,JavaScript代码在⽹页读取到该语句的时候就会执⾏。

4、JavaScript引⽤⽅式:1、使⽤<script>标签在HTML⽂件中添加JavaScript代码;2、单独创建⼀个JavaScript⽂件(简称JS⽂件),其⽂件后缀通常为.js,然后将JS代码直接写在JS⽂件中,在HTML中添加如下代码,就可将JS⽂件嵌⼊HTML⽂件中,<script src="script.js"> </script> ;3、放置在HTML标签以on开头的属性即事件处理程序中;

5、JavaScript输出:1、使⽤Windows.alert()弹出警告框;2、使⽤Document.write()⽅法将内容写到HTML⽂档中( document对象,代表整个HTML ⽂档,可⽤来访问页⾯中的所有元素);3、使⽤innerHTML写⼊到HTML元素;4、使⽤console.log()写⼊到浏览器的控制台;

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

function关键字声明函数:



funtion用于声明一个函数,或是一个对象。 示例:
function someFunc(){ //some code… } /接收参数的function function someFunc(name,age,addr){//这儿没有参数类型

那使用var与不使用var又有什么区别呢?-请同学们考虑
常量与标识符


常量
直接在程序中出现的数据值



标识符
由不以数字开头的字母、数字、下划线(_)、美元符号($)组 成 常用于表示函数、变量等的名称

例如:_abc,$abc,abc,abc123是标识符,而1abc不是
JavaScript语言中代表特定含义的词称为保留字,不允许程序 再定义为标识符
直接嵌入式

在网页中直接嵌入JavaScript
<script language="JavaScript"> <!-HTML注释-可选 /* 程序功能:书写方法说明 开始和结束的标志的书写方法 单行和多行JavaScript注释的写法 */ function sayhello(){ //在HTML文档中显示hello document.write("hello"); } sayhello(); 脚本结束声明 --> </script>
HTML文件
<!-function sayhello(){ //在HTML文档中显示hello document.write("hello from js"); } JS脚本文件中不需要 sayhello(); 脚本开始和结束声明 -->
常量与标识符

ECMA v3标准保留的JavaScript的关键字
var关键字声明变量:




Fra Baidu bibliotek
Var用于声明变量。 JS中所有变量都是任意的可变类型,这一点一定要区别 与Java。 示例:
var someVar = “Jack”;//声明someVar为字符串 someVar = 90;//然后再给someVar设置为int类型 someVar2 = “Rose”;//不使用var直接声明一个变量也是可以的
}
问题:上面的声明是否合法?又如何调用上面的函数呢?

用;分号结束将是好的习惯

换行、分号
有换行,分号允 许不加
推荐加上分号减少错误 和歧义的发生
a=1;b=2;
=
a=1 b=2
=
a=1; b=2;
提倡加上空格或TAB增强 程序可读性

空格、TAB { a=1; b=2; } {
=
}
a=1; b=2;
脚本开始声明,建议 type=“text/javascript”
JavaScript多行注释
JavaScript单行注释 语句结尾
文件调用式

在网页中调用独立JavaScript文件,导入外部的 JS文件
<script language="JavaScript" src="test1-3.js"></script>


JavaScript是一种网页编程技术,大部分使用者将它用 于创建动态交互网页 JavaScript是一种基于对象和事件驱动的解释性脚本语 言,具有与Java和C语言类似的语法 JavaScript是一种使用简单,功能强大的编程语言 JavaScript是基于对象的,而不是面向对象的。
JavaScript技术体系



不适合做哪些事情
大型应用程序 图像、多媒体处理 网络实时通讯应用
编写工具


JavaScript的编辑工具很多,如Microsoft FrontPage、 DreamWeaver、Microsoft Visual InterDev等,都可以 用来进行JavaScript网页制作 针对简单的程序,我们使用文本编辑器直接书写源代码
JavaScript 网页开发技术
课程目标

掌握JavaScript的语法、程序控制结构 熟练使用JavaScript内置基本对象 熟悉JavaScript调用DHTML元素 掌握用JavaScript编写客户端脚本程序的技能 能使用JavaScript创建功能强大的互动网页
概念
课后作业
1.以下哪些不是JavaScript的关键字:()
A.case A.3abc B.false B._do C.foreach C.$var D.if E.do E.count
2.以下哪些不是JavaScript的合法标示符:()
D.welse
3.JavaScript与Java有何区别? 4.用内嵌方式使用JavaScript在页面输出个人信息,包括: 姓名,年龄,性别,籍贯(要求每条信息分行显示)。 5.用文件调用使用JavaScript在页面输出个人信息,包括: 姓名,年龄,性别,籍贯(要求每条信息分行显示)。
特点


简单易用
简洁易用,与Java有类似的语法 可以使用任何文本编辑工具编写 只需要浏览器就可以执行程序



解释执行
事先不编译 逐行执行 无需进行严格的变量声明


基于对象
内置大量现成对象,编写少量程序可以完成目标
使用范围


适合做哪些事情
客户端数据计算 客户端表单合法性验证 浏览器对象的调用 浏览器事件的触发 网页特殊显示效果制作
内置对像,数据类型- JavaScript文档
Dom对象-
Quick Start 快速示例:

本练习主要针对事件驱动和基于对象,该例子在网页的 一个按钮中设置了onclick属性,当鼠标单击该按钮时, 将会弹出一个窗口,浏览google搜索网站

window是客户端JavaScript中浏览器对象之一,open是 window对象的一个方法,意思是打开窗口,在参数中设置好网 址,就可以打开指定的网站。在将来学习DHTML的时候将会详 细讲解window对象的使用方法
break delete case do catch else continue false default finally
for new
throw void
function null
true while
if return
try with
in switch
typeof
instanceof this
var
大小写敏感性


在HTML中大小写是不敏感的,但是在JavaScript程序 中大小写是敏感的
HTML都是大小写不敏感的 标准的JavaScript语法定义中是区分大小写
<input type=button name="HelloBtn" value="play" onClick="myclick()"> <script language="JavaScript"> function myclick(){ HelloBtn.value="pause"; } 大小写须一致 </script>

打开记事本,将以下代码输入,保存为D:\hello.htm <html><body> <input type="button" onclick=“window.open('http://www.google.com')” value=" 浏览Google网站 "> </body></html> 保存好以后双击该文件打开,试一试单击按钮后运行的结果
相关文档
最新文档