JavaScript初认识

一.JavaScript的定义

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。它诞生于 1995 年,最初是由 Netscape 公司的布兰登·艾奇(Brendan Eich)设计并命名为 LiveScript,在 Netscape 与 Sun 合作之后被命名为 JavaScript。

二.JavaScript的特点

  1. JavaScript 是一种解释型的脚本语言。JavaScript 程序在运行过程中由浏览器中的 JavaScript 引擎逐行解释执行,无须编译。
  2. JavaScript 是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。JavaScript 可跨平台,不依赖于操作系统,仅需要浏览器的支持。JavaScript 程序在编写后可以在任意安装有浏览器的机器上运行。目前,JavaScript 已被绝大多数的浏览器所支持。

三.JavaScript的三个组成部分

了解一门计算机语言除了要了解它的定义与特点还要了解它的组成,接下来让我们继续学习JavaScript的三个组成部分。

JavaScript由三部分组成,分别为:ECMAScript,DOM和BOM

  • ECMAScript:作为JavaScript的核心,ECMAScript定义了JavaScript的语言规范。是所有浏览器厂商共同遵守的一套JavaScript语法工业标准
  • DOM:文档对象模型。(document-文档),是W3C组织制定的用于处理HTML文档和XML文档的编程接口,它提供了对文档的结构化表述,并定义了一种方式是程序可以对该结构进行访问,从而改变文档的结构,样式和内容。
  • BOM:浏览器对象模型。(broeser-浏览器),是一套编程接口,用于对浏览器进行操作,如刷新页面,弹出警告框,控制页面跳转,获取分表率等。

四.JavaScript的书写方式

在了解了JavaScript的组成后,我们再来学习JavaScript独特的书写方式

  • 行内式:行内式是指将单行或少量的JavaScript代码写在HTML标签的事件属性中(也就是以on开头的属性,如onclick)。下面通过具体操作步骤进行演示
  • (1)创建一个简单的HTML页面,将文件命名为demo1.html,并编写基本代码
  • (2)使用行内式编写JavaScript代码,实现单击一个按钮后 ,弹出一一个警告框,显示一些提示信息,具体代码如下。
    <body>
        <button onclick="window.alert('js行内写法')">按钮</button>
    </body>
  • (3)通过浏览器访问demo01.html,运行结果如下图所示注意:因为行内式不便于维护等原因一般情况下不推荐使用行内式
  • 嵌入式:使用<script>标签包裹JavaScript代码直接编写到HTML文件中。下面通过具体操作步骤进行演示。
  • (1)创建demo2.html,用来编写嵌入式代码
  • (2)示例代码如下
    <head>
        ......
        <script>
            alert('js内部样式')
        </script>
    </head>

  • (3)通过浏览器访问demo2.html,页面一打开后,就会自动弹出一个警告框,提示信息为“嵌入式”

     

  • 外链式:外链式是指将JavaScript代码写在一个单独的文件中,一 般使用"js"作为文件的扩展名,在HTML页面中使用
  • (1)创建demo3.html, 用来编写外部式JavaScript代码,示例代码如下。
    <head>
        <script src="./00-js外联写法.js"></script>
    </head>

  • (2)再创建js外链写法.js文件,并在文件中编写JavaScript代码,如下所示。
    alert('这是外联写法')

  • (3)通过浏览器访问demo3.html,页面一打开后,就会自动弹出一个警告框,提示信息为“外部式”。

 

 

五JavaScript与HTML,CSS的区别

最后再了解下JavaScript和之前所学习的HTML,CSS的区别

  1. JavaScript:实现业务逻辑和页面控制。

  2. HTML:决定网页的结构和内容。

  3. CSS:决定网页所展现的的样式。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小小磊✘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值