《网站建设》课程教学资源(PPT课件讲稿)第五章 Javascript脚本语言

第五章 javascript脚本语言 JavaScript是由网景公司( Netscape)发明出来 的一种专门用于网页的简单编程语言。从编程 语言的角度上说, JavaScript是一种基于对象 ( object Based)和事件驱动( Event driver)的脚本 语言。正是这种性质实现了网页和用户之间的 种实时的、动态的、交互的关系,使网页包 含更多活跃的元素和更加精彩的内容
第五章 javascript脚本语言 JavaScript是由网景公司(Netscape)发明出来 的一种专门用于网页的简单编程语言。从编程 语言的角度上说,JavaScript是一种基于对象 (object Based)和事件驱动(Event Driver)的脚本 语言。正是这种性质实现了网页和用户之间的 一种实时的、动态的、交互的关系,使网页包 含更多活跃的元素和更加精彩的内容

H 第五章 javascript脚本语 本章内容: 51客户端脚本 52 Javascript语言基础 53使用 JavaScript内部对象
第五章 javascript脚本语言 本章内容: 5.1 客户端脚本 5.2 JavaScript语言基础 5.3 使用JavaScript内部对象

H 第五章 javascript脚本语 51客户端脚本 脚本( Script)实际上就是一段程序,用来完成某些特殊的 功能。脚本既可以在服务器端运行,称为服务器端脚本:例如 ASP、JSP、PHP等;也可以直接在浏览器端运行,称为客户端脚 本.例如: JavaScript、 VBScript等。 本节重点学习: 使用 SCRIPT标记符插入脚本 ·通过链接文件引用外部脚本文件
第五章 javascript脚本语言 5.1客户端脚本 脚本(Script)实际上就是一段程序,用来完成某些特殊的 功能。脚本既可以在服务器端运行,称为服务器端脚本:例如 ASP、JSP、PHP等;也可以直接在浏览器端运行,称为客户端脚 本.例如: JavaScript、VBScript等。 本节重点学习: • 使用SCRIPT标记符插入脚本 • 通过链接文件引用外部脚本文件

H 第五章 javascript脚本语 实例5-1使用 SCRIPT标记符插入脚本 本例要求和目的 ★理解客户端脚本的作用,熟悉在网页中使用SCRⅠPT标记符 插入脚本程序的方法 、操作步骤 1.打开记事本,输入以下源代码: 案例5-1 HEAD
第五章 javascript脚本语言 实例5-1 使用SCRIPT标记符插入脚本 一、本例要求和目的 ★ 理解客户端脚本的作用,熟悉在网页中使用SCRIPT标记符 插入脚本程序的方法。 二、操作步骤 1.打开记事本,输入以下源代码: 案例5-1 document.write("Hello World!")

H 第五章 javascript脚本语 2.保存源文件名为 example5-1htm,关闭记事本程序。 n3在中打开这个页,你会发现页面中有一句话 World 案例5-1-夏 icrosoft Internet Exp1orex 文件)编辑c)查看)收藏④△)工具)帮助Q 份·国阅必搜索次收藏夹③ 地址)G:第五章\xam15-1.htmn1 转到链接 Hello world! 完毕 我的电脑 图5-1使用 SCRIPT标记符插入脚本
第五章 javascript脚本语言 图5-1使用SCRIPT标记符插入脚本 2.保存源文件名为example5-1.htm,关闭记事本程序。 3. 在IE中打开这个网页,你会发现页面中有一句话 “Hello!World!” ,如图5-1所示

H 第五章 javascript脚本语 本实例知识点 基本概念 脚本语言:用来编写脚本程序的语言 目前, Javascript和 VBscript是两种使用最广泛的脚本语言 VBscript仅被 nternet Explorer所支持,而 Javascript则被几乎所 有的浏览器支持,所以已经成为客户端脚本的标准。本书以 下均以 Javascript为例
第五章 javascript脚本语言 三、本实例知识点 1、基本概念 脚本语言:用来编写脚本程序的语言。 目前,Javascript和VBscript是两种使用最广泛的脚本语言。 VBscript仅被nternet Explorer所支持,而Javascript则被几乎所 有的浏览器支持,所以已经成为客户端脚本的标准。本书以 下均以Javascript为例

H 第五章 javascript脚本语 2.在网页使用 SCRIPT标记符插入脚本程序的 方法 在网页中最常用的一种插入脚本的方式是使用 Script标记符, 方法是:把脚本标记符 Script>置于网页上的Head部 分或Body部分,然后在其中加入脚本程序。尽量可以在网页上 的多个位置使用 Script标记符,但最好还是将脚本放在Head部 分,以确保容易维护。当然,由于某些脚本的作用是在网页特 定部分显示特殊效果,此时的脚本就会位于Body中的特定位置 使用 Script标记符时,一般同时用 language属性和type属性 指出脚本的类型(未简便起见,也可以只使用其中的一种), 以适应不同的浏览器。如果要使用 Javascripυt编写脚本,语法 如下
第五章 javascript脚本语言 2.在网页使用SCRIPT标记符插入脚本程序的 方法 在网页中最常用的一种插入脚本的方式是使用Script标记符, 方法是:把脚本标记符置于网页上的Head部 分或Body部分,然后在其中加入脚本程序。尽量可以在网页上 的多个位置使用Script标记符,但最好还是将脚本放在Head部 分,以确保容易维护。当然,由于某些脚本的作用是在网页特 定部分显示特殊效果,此时的脚本就会位于Body中的特定位置。 使用Script标记符时,一般同时用language属性和type属性 指出脚本的类型(未简便起见,也可以只使用其中的一种), 以适应不同的浏览器。如果要使用Javascript编写脚本,语法 如下:

H 第五章 javascript脚本语
第五章 javascript脚本语言

H 第五章 javascript脚本语 实例5-2通过链接文件引用外部脚本文件 本例要求和目的 掌握通过链接文件引用外部脚本文件的方法和步骤 二、操作步骤 1.在记事本中输入如下源代码,然后将文件保存为 Itest. JS document. write("Hello! World
第五章 javascript脚本语言 实例5-2通过链接文件引用外部脚本文件 一、本例要求和目的 掌握通过链接文件引用外部脚本文件的方法和步骤。 二、操作步骤 1. 在记事本中输入如下源代码,然后将文件保存为test.js。 document.write("Hello! World!")

H 第五章 javascript脚本语 2.打开新的记事本文件,输入以下源代码,然后将文件保存 为 example5-2html。在浏 中浏览,结果如图5-2所示。 案例5-2 <BODY <HTML 3.分别比较 example5-1htm和 example5-2htm源代码与网页 效果
第五章 javascript脚本语言 2. 打开新的记事本文件,输入以下源代码,然后将文件保存 为example5-2.html。在浏览器中浏览,结果如图5-2所示。 案例5-2 3.分别比较example5-1.html和example5-2.html源代码与网页 效果
按次数下载不扣除下载券;
注册用户24小时内重复下载只扣除一次;
顺序:VIP每日次数-->可用次数-->下载券;
- 中央电大:《计算机组成原理》课程教学资源(PPT课件讲稿)教学辅导.ppt
- 中国科学技术大学:《并行计算 Parallel Computing》课程教学资源(PPT课件讲稿)图论补充内容.pptx
- 《编译原理》课程教学资源(PPT课件讲稿)第六章 句法结构模式识别.ppt
- 《数据库原理》课程教学资源(PPT课件讲稿)第五章 数据库的存储结构.ppt
- 清华大学出版社:《C程序设计》课程PPT教学课件(第三版)第二章 程序的灵魂——算法.ppt
- 《C语言程序设计》课程教学资源(PPT课件讲稿)第3章 最简单的C程序设计.ppt
- 香港科技大学:Overviewof the Internet of Things(IoTs,PPT课件讲稿).ppsx
- Linux操作系统使用(PPT讲稿,简明基础教程,共七章).ppt
- Linux操作系统初级培训(PPT讲稿)DSC认证培训体系.ppt
- Routing in Vehicular Ad Hoc Network(PPT课件讲稿).ppt
- 中国科学院:超级计算平台Linux初级培训(PPT讲稿,2009.11).ppt
- 《大学计算机基础》课程电子教案(PPT教学课件)第5章 多媒体技术基础.ppt
- 香港科技大学:Transaction Management、Serializability Theory and Concurrency Control、Lock-Based Protocols、Deadlock Problems、Recovery.ppt
- 沈阳理工大学:《计算机网络技术及应用》课程教学资源(PPT课件讲稿)第一章 互联网与网站 Interent & Website(主讲:廉哲).ppt
- 西安电子科技大学:《计算机网络 Computer Networks》课程教学资源(PPT课件讲稿)第六章 应用层.pptx
- 《物联网技术导论》课程教学资源(PPT讲稿)Continuous Scanning with Mobile Reader in RFID Systems - an Experimental Study.pptx
- 《机器学习》课程教学资源(PPT课件讲稿)第10讲 决策树.ppt
- Flexible Online Task Assignment in Real-Time Spatial Data.pptx
- 北京大学:《项目成本管理》课程教学资源(PPT课件讲稿)质量管理计划(主讲:周立新).ppt
- Efficient Algorithms for Optimal Location Queries in Road Networks.ppt
- 安徽工贸职业技术学院:《计算机组装与维护》课程教学资源(PPT课件讲稿)项目四 搭建微型计算机软件系统.ppt
- 《图像处理与计算机视觉 Image Processing and Computer Vision》课程教学资源(PPT课件讲稿)Chapter 07 Mean-shift and Cam-shift.pptx
- 华中科技大学:《操作系统原理》课程电子教案(PPT教学课件)第一章 绪论Principles of Operating System(主讲:郑然).ppt
- 西安电子科技大学:《信息系统安全》课程教学资源(PPT课件讲稿)第五章 操作系统安全、第六章 网络安全、第七章 应用安全、第八章 管理安全.ppt
- 武汉大学:《数据库系统概论》课程教学资源(PPT课件讲稿)第4章 关系数据库理论.ppt
- 并行算法概述(PPT课件讲稿).pptx
- 《计算机网络》课程教学资源(PPT讲稿)项目1 构建简单互连网络(Windows XP).ppt
- 《C语言程序设计》课程电子教案(PPT教学课件)第5章 选择控制结构.ppt
- 上海交通大学:《软件工程》课程教学资源(课件讲稿)07 测试.pdf
- 南京大学:人工智能课程概况(PPT讲稿)从图灵奖看人工智能创新性思维的发展.pdf
- 非线性编辑软件(PPT课件讲稿)Premiere Pro.pptx
- Java平台企业版(J2EE)原理(PPT讲稿).ppt
- 北京师范大学现代远程教育:《计算机应用基础》课程教学资源(PPT课件讲稿)第4章 文字处理Word.pptx
- 广东工业大学:数据挖掘(PPT讲稿).ppt
- 分布式查询处理 Distributed Query Processing(PPT讲稿)查询处理、查询分解与定位.ppt
- 多媒体技术:多媒体信息处理(Multimedia Computing)PPT讲义.ppt
- 高校数字化图书馆知识服务网络共建共享方案的建议(王明亮).ppt
- Linux操作系统下C语言编程入门(电子书).pdf
- 北京大学精品课程:浅谈软件项目管理(陈长城).pdf
- 河南中医药大学信息管理与信息系统教研室:第十四章 电子政务(刘俊娟).pptx