Web前端开发（JavaScript+jQuery）课件全套 卢秋锦 项目1--10 JavaScript--- 综合信息类网站首页的实现.pptx

Web前端技术

JavaScript

目录1.1JavaScript基础JavaScript函数1.3?点击查看本小节知识架构?点击查看本小节知识架构程序控制结构和语句1.2?点击查看本小节知识架构

1.1JavaScript基础

1.1.1认识JavaScriptJavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的Web页面，可广泛应用于服务器、PC端、移动端和智能手机等设备。JavaScript内嵌于HTML网页中，通过浏览器内置的JavaScrpt引擎进行解释执行，把一个原本只是用来显示内容的静态页面转变为支持用户交互的动态页面。

1.1.2javascript的前世今生121995年由网景公司的工程师BrendanEich设计，最初名为“Mocha”，后改为“LiveScript”1997年产生了第一版ECMAScript标准32000年随着Ajax技术的兴起，JavaScript的重要性进一步提升，推动了JavaScript框架和库的发展4现在JavaScript在前端开发中占主导地位，新技术如React、Angular、Vue等框架推动了其发展

1.1.3JavaScript的特点不需要编译就可以运行不是一种纯面向对象编程语言，但它支持面向对象的编程语法相对简单直观，网络上有大量的学习资源和社区支持动态类型语言，变量在声明时不需要定义类型几乎可以在所有的现代浏览器上运行，通过Node.js，JavaScript也可以运行在服务器端脚本语言基于对象简单易学动态性跨平台性

1.1.4JavaScript的作用增强网页交互性页面内容的动态操作异步数据处理事件驱动编程前端框架和库的支持全栈开发能力跨平台应用开发

scriptalert(我的第一个JavaScript);/script1.1.5JavaScript的用法script标签在HTML页面中插入JavaScript，需使用script标签。例如：

!DOCTYPEhtmlhtmlheadtitle内联JavaScript示例/title/headbodyh1JavaScript示例/h1/body/html1.1.5JavaScript的用法通常，这些script标签放置在HTML的head部分或body部分的末尾。2.JavaScript的引入方式内联JavaScript：将JavaScript代码直接嵌入到HTML文件中。使用script标签在HTML文档中编写JavaScript代码。

!DOCTYPEhtmlhtmlheadscriptsrc=js/my-script.js/script/headbodyh1JavaScript示例/h1/body/html1.1.5JavaScript的用法这种方法有利于代码的重用和维护，特别是当相同的JavaScript代码需要在多个页面中使用时2.JavaScript的引入方式外部JavaScript：将JavaScript代码写在单独的.js文件中，然后通过script标签的src属性引入。

console.log(Hello,JavaScript!);1.1.5JavaScript的用法3.JavaScript的数据输出console.log()：console.log()是在控制台输出信息的常用方法，用于调试和查看程序执行过程中的结果。

alert(Hello,JavaScript!);1.1.5JavaScript的用法3.JavaScript的数据输出alert()：alert()方法弹出一个包含指定文本的警告框，常用于向用户显示一些简单的信息。

!DOCTYPEhtmlhtmlbody pid=output/p script//JavaScript代码document.getElementById(output).innerHTML=Hello,JavaScript!;/script/body/html1.1.5JavaScript的用法在HTML页面中输出内容：通过修改HTML元素的内容来实现在页面中输出数据。3.JavaScript的数据输出

document.write(Hello,JavaScript!);1.1.5J