初识JavaScript（一）

最新推荐文章于 2024-03-23 00:57:32 发布
最新推荐文章于 2024-03-23 00:57:32 发布
阅读量745 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zg0601/article/details/120930794
版权

目录

一、JavaScript概述

1、简介

2、JavaScript与HTML、CSS关系

3、特点

4、组成

二、运行方法

三、JavaScript引用方式

1、行内嵌入式

2、页面嵌入式

3、外链式

四、JavaScript基本语法

五、JavaScript输入输出语句

一、JavaScript概述

1、简介

JavaScript是网页中的一种脚本语言，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript编程语言允许你在Web页面上实现复杂的功能，让网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图、2D/3D动画、滚动播放的视频等等。

2、JavaScript与HTML、CSS关系

HTML是网页的结构，CSS是网页的外观，JavaScript是页面的行为。

3、特点

  • 解释型脚本语言
    • JavaScript 是一种解释型脚本语言，与 C、C++ 等语言需要先编译再运行不同，使用 JavaScript 编写的代码不需要编译，可以直接运行。
  • 面向对象
    • JavaScript 是一种面向对象语言，使用 JavaScript 不仅可以创建对象，也能操作使用已有的对象。
  • 弱类型
    • JavaScript 是一种弱类型的编程语言，对使用的数据类型没有严格的要求，例如您可以将一个变量初始化为任意类型，也可以随时改变这个变量的类型。
  • 动态性
    • JavaScript 是一种采用事件驱动的脚本语言，它不需要借助 Web 服务器就可以对用户的输入做出响应，例如我们在访问一个网页时，通过鼠标在网页中进行点击或滚动窗口时，通过 JavaScript 可以直接对这些事件做出响应。
  • 跨平台
    • JavaScript 不依赖操作系统，在浏览器中就可以运行。因此一个 JavaScript 脚本在编写完成后可以在任意系统上运行，只需要系统上的浏览器支持 JavaScript 即可。

4、组成

  • 核心（ECMAScript）：提供语言的语法和基本对象；
  • 文档对象模型（DOM）：提供处理网页内容的方法和接口；
  • 浏览器对象模型（BOM）：提供与浏览器进行交互的方法和接口。

二、运行方法

作为一种脚本语言，JavaScript 代码不能独立运行，只能在宿主环境中执行。一般情况下可以把 JavaScript 代码放在网页中，借助浏览器环境来运行，所有 Web 浏览器都支持 JavaScript。

浏览器内核的分类：

  • 渲染引擎（也称为排版引擎）：负责解析HTML与CSS，如Chrome浏览器的Blink。
  • JavaScript引擎：是JavaScript语言的解释器，用于读取网页中的JavaScript代码，对其处理后执行，如Chrome浏览器的V8引擎。

常见的 JavaScript 引擎有：

V8：Chrome 和 Opera 中的 JavaScript 引擎；

SpiderMonkey：Firefox 中的 JavaScript 引擎；

Chakra：IE 中的 JavaScript 引擎；

ChakraCore：Microsoft Edge 中的 JavaScript 引擎；

SquirrelFish：Safari 中的 JavaScript 引擎。

三、JavaScript引用方式

1、行内嵌入式

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

例：

<a href="javascript:alert('消息框')">JavaScript</a>

2、页面嵌入式

——使用<script>标签包裹JavaScript代码，<script>标签可以写在<head>或<body>标签中

例：

 <script type="text/javascript">

     js代码

 </script>

3、外链式

——将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用<script>标签进行引入，适合JavaScript代码量比较多的情况。注意外部式的<script>标签内不可以编写JavaScript代码

四、JavaScript基本语法

  1. JavaScript严格区分大小写，所以我们在编写代码的时候一定要注意大小写的正确性。
  2. JavaScript代码对空格、换行、缩进不敏感，所以一条语句可以分成多行书写。
  3. 一行语句结束后的分号可以写，也可以省略。
  4. JavaScript注释方式：

                        单行注释：'//'开头到行尾

                        多行注释：'/*'开头，'*/'结尾

五、JavaScript输入输出语句

JavaScript代码中提供了输入和输出语句，可以在网页中实现用户交互效果。

常用的输入和输出语句如下：

  • alert("字符串")：是一个消息提示框(只有一个确定按钮的对话框)。
  • confirm("字符串")：确认对话框(含有确定和取消按钮的对话框)，当用户点击'确定'按钮时该函数返回true；当用户点击"取消"按钮时返回false。
  • prompt("字符串")：带有一个输入框的消息提示框，当用户点击'确定'按钮时，返回用户输入的信息，当用户点击'取消'按钮时，关闭窗口。
  • console.log("信息")
  • console.info()
  • console.error()

非早起选手
关注
专栏目录
JavaScript入门一（JS基础知识）
qq_44872688的博客
11-09 2703
文章目录一、JavaScript是什么二、网页组成2.读入数据总结 一、JavaScript是什么        JavaScript（简称“JS”）百度解释如下： 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。   &
YSLOW性能测试前端调优23大规则(8)将JavaScript和CSS置于外部
12-19 122
所谓的将JavaScript和CSS置于外部，就是我们说的外置JavaScript和CSS。关于JavaScript和CSS在前端页面中的使用通常有两种方式：一种是内联方式；另外一种是外置方式。 内联方式是指将JavaScript和CSS直接嵌入到前端页面，如以下代码： [head] [script type=“text/javascript”] function IsEven() { var ...
【JavaWeb】第1章测试题 网页开发基础
qq_62778934的博客
10-23 2232
javaweb第一章习题
JavaScript特点、三种引入方式(行内、内嵌、外部)、输入输出和变量的定义、常量
Bulut0907
04-18 2375
输入方式: prompt输入输出方式：向body内输出内容向控制台内输出内容alert弹窗输出内容alert和prompt会在页面渲染前执行。所以先执行alert和promt，再执行document.write变量是区分大小写的。如let age和let Age是两个不同的变量var目前很少使用，因为：由于变量提升，可以先使用，再声明var声明过的变量可以重复声明全局变量、没有块级作用域等
JS-2 JavaScript的编写方式及注意事项；noscript元素；JS的交互方式；Chrome的调试工具；JS语句和分号；JS的三种注释；VSCode插件和配置
qq_54075517的博客
05-18 140
JavaScript的编写方式及注意事项；noscript元素；JS的交互方式；Chrome的调试工具；JS语句和分号；JS的三种注释；VSCode插件和配置
初识JavaScript（源代码）
05-31
初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识...
初识javascript的一点点见解
08-10
接触javascript的时间说起来，长不长，短不短，其实真正开始学习它的时候应该是在去年大四11月份的时候，反正写网上的一些简单的特效，基本都是用jquery写得比较多，以致于对原生的js了解也是一知半解
初识Javascript小结
10-23
初识JavaScript小结知识点整理： 1. JavaScript脚本位置：在HTML中，JavaScript代码可以被嵌入到页面的任意位置，通常位于标签内，或者标签的任意位置。不过，将脚本放在标签的底部是一个推荐的做法，这样可以确保...
面向对象的Javascript之一(初识Javascript)
01-21
1. Javascript最大的特性在于其灵活性。作为一名前端开发人员，既可以采用函数式的编程风格，也可以采用更复杂一点的面向对象的编程风格。不管你采用哪种风格，都可以完成一些非常有用的任务。因而，Javascript是...
初识JavaScript.md
09-02
对JavaScript的简单认识
JavaScript：基本使用
雨山的博客
05-24 831
一、JavaScript简介使用<script>标签在HTML网页中插入JavaScript代码。注意： <script>标签要成对出现，并把JavaScript代码写在<script></script>之间。<script type=”text/javascript”>表示在<script></script>之间的是文本类型(text)，javascript是为了告诉浏览器里面的文本是属于Java
网页开发基础习题
最新发布
m0_73811154的博客
03-23 577
简述如何将单独的CSS文件引入到HTML页面中。根据上述代码，txt3的运算结果是（）。请描述HTML文档中注释标记的作用。
一起看3种JavaScript代码书写位置和注意事项
zy1992As的博客
01-30 675
外部式有利于HTML页面代码结构化，把大段的JavaScript代码独立到HTML页面之外，既美观，也方便文件级别的代码复用。外部式是指将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用标签进行引入，适合JavaScript代码量比较多的情况。（3）使用行内式编写JavaScript代码，实现单击一个按钮后，弹出一个警告框，显示一些提示信息，具体代码如下。（2）创建test.js文件，在文件中编写JavaScript代码，如下所示。
JavaScript 代码教程
余笙.'的博客
02-28 7832
JavaScript 是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器中的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。 特点： 1、弱语言 2、区分大小写 3、面向对象 4、跨平台 页面中添加JavaScript代码 语法： <script type="text/javascript"> //js相关代码 </scr
前端必备：Javascript 3种书写格式详细介绍
Aa112233aA1的博客
08-09 4406
在网页中编写JavaScript代码时，有3种书写位置，分别是行内式、内嵌式(也称为嵌人式)和外部式(也称为外链式)，下面分别进行讲解。行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性，如onclick)。下面通过具体操作步骤进行演示。(1)创建一个简单的HTML页面，将文件命名为demo01.html。(2)编写demo01.html，具体代码如下。在上述代码中，第4行声明了网页的编码为UTF-8，帮助浏览器正确识别网页的编码。...
javascript用什么工具编写,javascript用哪个软件写
阿发狗伪原创
10-12 155
JavaScript是网页中的一种脚本语言，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript编程语言允许你在Web页面上实现复杂的功能，让网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图、2D/3D动画、滚动播放的视频等等。——将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用标签进行引入，适合JavaScript代码量比较多的情况。Chakra：IE 中的 JavaScript 引擎；
一、初识JavaScript - JavaScript+jQuery 笔记
熊先森的博客
10-29 2988
JavaScript 是一种脚本语言，被广泛应用于 Web 开发，可实现网页的交互，为用户提供流畅美观的浏览效果。 注：本笔记使用的是人民邮电出版社出版的《JavaScript+jQuery 交互式 Web 前端开发》书籍。 JavaScript 是 Web 开发领域中的一种功能强大的编程语言，主要用于开发 交互式的 Web 页面。在计算机、手机等设备上浏览的网页，其大多数的交互 逻辑几乎都是由 JavaScript 实现的。
JavaScript基础（一）（初识JavaScript）
weixin_50828895的博客
12-15 917
初始JavaScript一、初始JavaScript1、JavaScript概述2、JavaScript的用途3、JavaScript特点4、HTML、CSS、JavaScript区别5、浏览器内核的分类6、JavaScript的组成1、ECMAScript2、 DOM3、 BOM二、JS书写位置1、书写位置1.1 行内式JS1.2 内嵌式1.3 外部式2、语法规则三、JavaScript注释方式1、单行注释2、多行注释四、JavaScript输入和输出语句 一、初始JavaScript 1、JavaScr
JavaScript基础（概述、组成、引入方式）
Battles2的博客
09-26 2091
Javascript 是Web中一种功能强大的脚本语言，常用于给网页添加各式各样的动态功能，它不需要进行编译，直接嵌入HTML页面中就可以把静态的页面转变成支持用户交互并响应事件的动态页面。
JavaScript设计模式解析：初识状态模式
1. 第一部分聚焦于JavaScript的面向对象和函数式编程基础，阐述这些编程范式如何支持和促进设计模式的实现。这部分帮助读者建立坚实的语言基础，理解面向对象和函数式编程在设计模式中的角色。 2. 第二部分是核心...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值