JavaScript及框架应用(一)

第一章 JavaScript初探

1、JavaScript简介

Web前端开发师需要掌握什么技术?
也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HTML+CSS创建一个漂亮的页面,但这还不够,它只是静态页面而已。我们还需使用JavaScript增加行为,为网页添加动态效果。准备好,让JavaScript带你进入新境界吧!

术语

术语“ECMAScript”和“JavaScript”指的是同一个东西。但如果把JavaScript看成是“Mozilla或其他组织的ECMAScript实现”,那么ECMAScript就是实现JavaScript所依据的标准。术语“ECMAScript”也用来描述语言版本(比如ECMAScript5)。

JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序。比方说,当编写了 var a = 1 + 1; 这样一段代码,JavaScript引擎做的事情就是看懂(解析)你这段代码,并且将a的值变为2。JavaScript引擎就是直接解析并将代码运行结果输出的JavaScript的解释JavaScript由三部分组成

  • 核心(ECMAScript) 描述了该语言的语法和基本对象

  • 文档对象模型(DOM,Documnet)描述了处理网页内容的方法和接口

  • 浏览器对象模型(BOM)描述了与浏览器进行交互的方法和接口

JavaScript的主要特点
1.解释型脚本语言
JavaScript是一种解释型脚本语言,在嵌入JavaScript脚本的HTML文档载入时被浏览器逐行地解释,大量节省客户端与服务器端进行数据交互的时间。
2.基于对象的语言
JavaScript语言是基于对象的(Object-Based),JavaScript提供了大量的内置对象,如:String、Number、Boolean、 Array、Date、Math、RegExp等等。但它还是具有一些面向对象的基本特征,可以根据需要创建自己的对象,从而进一步扩大JavaScript的应用范围,编写功能强大的Web文档。
3.简单性
JavaScript基本结构类似C语言,采用小程序段的方式编程,并提供了简易的开发平台和便捷的开发流程,就可以嵌入到HTML文档中供浏览器解释执行。同时JavaScript的变量类型是弱类型,不强制检查变量的类型,也就是说可以不定义其变量的类型。
4.动态性
JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用事件驱动的方式进行的。所谓事件就是指在主页(homepage)中执行了某种操作所产生的动作,例如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应,即事件驱动。
5.跨平台性
JavaScript依赖于浏览器本身,与操作系统环境无关,只要操作系统能运行浏览器并且浏览器支持JavaScript,就可以正确执行。

JavaScript相关应用:
1 选择 JavaScript 脚本编辑器
2 引入JavaScript脚本代码到HTML文档中方法

Javascript常用的输出语句:

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

2、JavaScript相关应用

JavaScript能做什么?
1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等
2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

3、HBuilder的快速开发

如何安装 HBuilder?
HBuilder下载地址:在HBuilder官网https://www.dcloud.io/点击免费下载,下载最新版的HBuilder。
HBuilder目前有两个版本,一个是windows版,一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。
使用sc代码块生成一个script块来编写js代码(输入sc,回车)如下图
JavaScript及框架应用(一)_第1张图片

4、JavaScript的使用方法

注意事项:
JavaScript可以让网页呈现各种动态效果。做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。

JavaScript易学性体现:
1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。
2.我们可以用简单命令,完成一些基本操作。

注意事项:
1.JavaScript是区分大小写的,如:document和Document是不一样的。同时注意方法、属性、变量等的大小写。
2.JavaScript中的字符、符号等一定要在英文状态下输入吆。

JavaScript位置:
我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。
放在部分
最常用的方式是在页面中head部分放置

你可能感兴趣的:(JavaScript)