初识JavaScript(一)

目录

一、JavaScript概述

1、简介

2、JavaScript与HTML、CSS关系

3、特点

4、组成

二、运行方法

三、JavaScript引用方式

1、行内嵌入式

2、页面嵌入式

3、外链式

四、JavaScript基本语法

五、JavaScript输入输出语句


一、JavaScript概述

1、简介

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

2JavaScriptHTMLCSS关系

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。

浏览器内核的分类:

  • 渲染引擎(也称为排版引擎):负责解析HTMLCSS,如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()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值