前端培训教程JavaScript

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。Netscape在最初将其脚本语言命名为LiveScript，因为Netscape与Sun合作，网景公司管理层希望它外观看起来像Java，因此取名为JavaScript。
特性
脚本语言。JavaScript是一种解释型的脚本语言,C、C++、Java等语言先编译后执行, 而JavaScript是在程序的运行过程中逐行进行解释。
基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言。
动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。
跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

编写位置
编写到HTML中<script>标签中。

写在外部的.js文件中。然后通过script标签引入。

JavaScript的事件驱动
用户事件：用户操作，例如单击、鼠标移入、鼠标移出等
系统事件：由系统触发的事件，例如文档加载完成。
常用的事件:

onload

onclick

onblur

onfocus

onmouseover

onmouseout

BOM
Borwser Object Model 浏览器对象模型
浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象
常用的对象(window的子对象)

document history location screen navigator frames

DOM
Document Object Model 文档对象模型
document对象: window对象的一个属性，代表当前HTML文档，包含了整个文档的树形结构。获取document对象的本质方法是：window.document，而“window.”可以省略。
DOM树

元素查询

功能	API	返回值
根据id值查询	document.getElementById(“id值”)	一个具体的元素节点
根据标签名查询	document.getElementsByTagName(“标签名”)	元素节点数组
根据name属性值查询	document.getElementsByName(“name值”)	元素节点数组

前端培训教程JavaScript相关推荐

正则至少一个数字_好程序员web前端培训分享JavaScript学习笔记之正则
好程序员web前端培训分享JavaScript学习笔记之正则,正则表达式,又名 "规则表达式" 由我们自己来书写 "规则",专门用来检测字符串是否符合 &q ...
视频教程-2020全新Javascript基础面试视频前端js教程-JavaScript
2020全新Javascript基础面试视频前端js教程 7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服 ...
第六次网页前端培训（JavaScript）
1. 视频链接 [优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 2. 教程链接 JavaScript 运算符 | ...
第五次网页前端培训（JavaScript）
JavaScript 1主要内容 1.1简介 js是面向对象,解释型的语言.基于对象与事件驱动并具安全性的客户端脚本语言.主要目的:验证发往服务端的数据,增加web互动,增加用户体验度等 js组成(E ...
第七次前端培训（JavaScript）
内置对象: Arguments 只在函数内部定义,保存了函数的实参 Array 数组对象 Date 日期对象,用来创建和获取日期 Mat ...
第八次前端培训（JavaScript）
JS表单表单是我们页面向后台传输数据的一种非常常见的方式,在进行数据发送(请求发出)之前,我们应在现在页面进行一系列数据合法性的验证,节省不必要的错误数据的传递,以及提高用户的体验度. 获取表单: ...
第六次前端培训（JavaScript）
运算符: 运算符中"=="是判断值是否相等,而"==="是判断值和类型是否都相等三目运算符"?:" 例如:3<5?3:5 判断3是否 ...
第七次网页前端培训（JavaScript）
1内置对象 Arguments 只在函数内部定义,保存了函数的实参 Array 数组对象 Date 日期对象,用来创建和获取日期 Math 数学对 ...
第五次前端培训（JavaScript）
JavaScript是一种具有面向对象能力的,解释型的程序设计语言.更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言.它的主要目的是,验证发往服务器端的数据,增加Web互动,加强用户 ...

前端培训教程JavaScript

前端培训教程JavaScript相关推荐

最新文章

热门文章