《移动应用设计与开发-前端开发》课件-1 初识javascript

JavaScript脚本语言--初识JavaScript目录1.2JavaScript引入方式1.1JavaScript初探1.4第一个JavaScript程序1.3常用的输入输出语句JavaScript脚本语言--JavaScript初探返回目录JavaScript初探01由来0203特点04组成是什么返回目录JavaScript初探1.JavaScript的由来

人物：BrendanEich（布兰登·艾奇）时间：1995年地点：Netscape（网景）公司，现在的Mozilla事件：在网景导航者浏览器上首次设计出了JavaScript，仅用10天名称：Netscape最初将这个脚本语言命名为LiveScript

更名：后来Netscape与Sun公司合作将其更名为JavaScript事实：JavaScript与Java本质上是两种不同的编程语言返回目录JavaScript初探01由来0203特点04组成是什么返回目录JavaScript初探2.JavaScript是什么

JavaScript：是Web开发领域中的一种功能强大的编程语言。作用：主要用于开发交互式的Web页面，使网页的互动性更强，用户体验更好。返回目录JavaScript初探2.JavaScript是什么

Web页面是由多个网页组成的。网页制作涉及的技术：HTML、CSS和JavaScript。代表了结构，结构是网页的骨架，从语义的角度，描述页面结构。HTMLCSSJavaScript技术代表了样式，样式是网页的外观，从审美的角度，美化页面。代表行为，行为是网页的交互逻辑，从交互的角度，提升用户体验。返回目录JavaScript初探2.JavaScript是什么

举例举例返回目录JavaScript初探01由来0203特点04组成是什么返回目录3.特点JavaScript初探可以

跨平台支持面向对象脚本

语言脚本（Script）：简单地说就是一条条的文本命令，按照程序流程执行。脚本语言：是一种编程语言，依赖于解释器，只在被调用时自动进行解释或编译。JavaScript在运行过程中由JavaScript解释器（JavaScript引擎）逐行进行解释并执行。几乎所有的浏览器，包括手机等各类移动设备都支持。面向对象是一种重要的编程思想，扮演的是指挥官，只要找到相应的对象，让对象来做具体的事，指挥得结果。返回目录JavaScript初探01由来0203特点04组成是什么返回目录4.组成JavaScript初探JavaScript研究对象目标案例BOMDOMECMAScriptJavaScript语法页面文档对象模型浏览器对象模型ECMAScript：是一个标准，规定了脚本语言的编程语法和基础核心知识，是所有浏览厂商共同遵守的一套JS语法工业标准。返回目录JavaScript脚本语言--引入方式返回目录外链式嵌入式行内式JavaScript引入方式在网页中编写JavaScript时，可以通过嵌入式、外链式和行内式这三种方式来引入JavaScript代码。返回目录JavaScript引入方式嵌入式就是使用<script>标签包裹JavaScript代码，直接编写到HTML文件中。<scripttype="text/javascript">JavaScript语句;</script>语法type属性用于告知浏览器脚本的类型。默认值为text/javascript，在编写JavaScript时可以省略type属性。返回目录外链式将JavaScript代码保存到一个单独的文件中，通常使用“js”作为文件的扩展名，然后使用<script>标签的src属性引入文件中。适用于JS代码量比较大的情况引用外部JS文件的script标签中间不可以写代码在HTML文件里……<scriptsrc="js/test.js"></script>……JavaScript引入方式返回目录行内式是将JavaScript代码作为HTML标签的属性值使用。<ahref="javascript:alert('Hello');">test</a><inputtype="button"onclick="alert('Hello');"value="test">用法一用法二JavaScript引入方式返回目录会导致HTML与JavaScript代码混合在一起，不利用修改和维护。会增加HTML文件的体积，影响网页本身的加载速度。嵌入式外链式可以利用浏览器缓存提高速度。外链式有利于分布式部署外链式可读性差，引号嵌套易弄混出错，不推荐使用。行内式VSJavaScript引入方式返回目录JavaScript脚本语言--常用的输入输出语句返回目录常用的输入语句①prompt()输入框1.prompt()返回目录常用的输出语句01alert()0203document.write()

console.log()返回目录常用的输出语句①alert()警告框1.alert()返回目录常用的输出语句01alert()0203document.write()

console.log()返回目录常用的输出语句2.console.log()②

console.log()控制台输出控制台用于进行代码的调试按F12键启动开发者工具，可切换到console控制台返回目录常用的输出语句01alert()0203document.write()

console.log()返回目录常用的输出语句3.document.write()

③document.write()

文档页面输出返回目录JavaScript脚本语言--第一个JavaScript程序返回目录第一个JavaScript程序案例--第一个JavaScript程序在编写JavaScript代码时，应注意基本的语法规则，避免程序出