JavaScript入门一(JS基础知识)

这篇博客介绍了JavaScript的基础知识,包括JavaScript的定义、网页组成、JS引擎、语言特点、组成部分、引用方式以及变量和document对象的概念。JavaScript是Web开发中的关键语言,用于创建交互式网页。文中详细讲解了JavaScript的行内、页内和外部引用方式,以及变量的声明、命名规则和使用。document对象是JavaScript操作网页元素的重要接口。
摘要由CSDN通过智能技术生成


一、JavaScript是什么

       JavaScript(简称“JS”)百度解释如下: 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

       简而言之,它是 Web开发领域中的一种强大的编程语言,主要用于开发交互式的Web页面。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。

二、网页组成

网页组成:对于制作一个网页而言,HTML、CSS、JavaScript分别代表了结构、样式和行为,三者之间的区别如下:

HTML:决定网页的结构和内容,相当于人的身体。
CSS:决定网页呈现给用户的模样,相当于给人穿衣服、化妆。
JavaScript:实现业务逻辑和页面控制,相当于人的各种动作。

三、什么是JS引擎

       JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序,浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。那么,什么是JS引擎呢,百度百科是这么解释的。

       浏览器内核主要包括以下三个技术分支:排版渲染引擎、 JavaScript引擎,以及其他。
       (1)排版渲染引擎相主要负责取得网页的内容(HTML、XML、图像等)、整理信息,以及计算网页的显示方式,然后输出至显示器。所有的网页浏览器、电子邮件客户端以及其他需要编辑、显示网络内容的应用程序都需要排版渲染引擎,特别是排版渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。简单来说就是用来识别HTML、CSS(解析HTML、CSS,并展示在用户面前)。
       (2)JavaScript引擎是JavaScript语言的解释器,用来读取网页中的JavaScript代码,对其处理后执行,即用来解析JavaScript代码、渲染JavaScript,JavaScript的渲染速度越快,动态网页的展示也越快。如谷歌的V8引擎

JavaScript代码的执行特点:逐行执行

四、JavaScript特点

1、JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够快速完成程序的编写工作。
2、可以跨平台,它不依赖操作系统,仅需要浏览器的支持。
3、支持面向对象,可以使JavaScript开发变得快捷高效,降低开发成本。

五、JavaScript的组成

1、ECMAScript:基本语法,是JavaScript的核心,规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵守的一套JavaScript语法工业标准。

2、DOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口,可以对页面上的各种元素进行操作。

3、BOM:浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM,可以对浏览器窗口进行操作。

六、JavaScript的引用方式

1、行内嵌入式

是将单行或少量的JavaScript代码写在HTML标签的事件属性中。
举例:

单击“欢迎大家”时,弹出一个警告框提示“欢迎欢迎”
<a href="javascript:alert('欢迎欢迎')">欢迎大家</a>
单击网页中的一个按钮时,就会触发按钮的单击事件	 
<button onclick="alert('欢迎')">欢迎大家</button>

alert():是一个函数,作用是弹出一个消息提示框
onclick:表示当用户点击按钮时

应用:(1)

<!DOCTYPE html>
<html lang=
  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值