JavaScript是什么

        Javascript简称js,js是一种脚本语言,是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。

        而现在,由于Node.js的出现,JavaScript以及不局限与浏览器,用户也可以在服务端进行代码的编写,使得JavaScript的应用更加的广泛

Javascript的特点(重点)

        JavaScript是一个可跨平台的脚本语言,支持面向对象。

        什么是脚本,简单来说就是一条条的文本命令,按照程序的流程来执行。

                常见的脚本语言有:JavaScript、VBScript、Perl、PHP、Python等。

                非脚本语言:C、C++、Java、C#等。

        脚本语言与非脚本语言的区别:非脚本语言一般是需要编译、链接之后生成独立的可以执行的文件后才可以运行;而脚本语言依赖于解释器,只有调用它时自动进行解释或者编译。

        JavaScript语言不依赖操作系统,仅仅需要浏览器的支持。(几乎所有浏览器,包括手机等移动设备)

JavaScript的组成(重点)

ECMAScript - JavaScript的核心

描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关

DOM(Document Object Model) - 文档对象模型

一套操作页面元素的API(API(Application Programming Interface,应用程序接口))

DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作。

BOM(Browser ObjectModel) - 浏览器对象模型

一套操作浏览器功能的API(接口-类库-方法),通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等。

服务端-客户端的理解

服务端,顾名思义,就是服务别人的,这个别人,自然就是客户端。服务端为客服端提供的服务内容有向客户端提供资源、保存客户端数据。

客户端,也可以称之为用户端,是指与服务器相对应的,为客户提供本地服务的程序。

使用JavaScript(重点)

行内代码

        使用JavaScript前缀构建执行JavaScript代码的URL。

<a href="javascript:alert('Hello JS')">点击</a>

        将JS代码写到元素的事件属性值中

<div onclick="window.alert('Hello JS!')"></div>

        这两种方式只适用于代码量比较少的时候,如果代码比较多,建议使用内部代码或写到单独的 JS 文件中。

 内部代码(内嵌式)

如果页面需要中包含大量的 JavaScript 代码,则建议将这些JavaScript脚本放在 <script> 标签中。<script> 元素即可作为 <head> 的子元素,也可作为 <body> 的子元素,通常位于<body>元素闭合标签的前面。

<script type="text/javascript">
    alert('Hello JavaScript')
</script>

 外部代码(外链式)

为了让 HTML 页面和 JavaScript 脚本更好地分离,我们可以将 JavaScript脚本单独保存在一个 .js 文件中,HTML 页面导入该 .js 文件即可。

<script src="test.js" type="text/javascript"></script>

注意:

  • 由于现代网页开发提倡结构、样式、行为的分离,即分离HTML、CSS、JavaScript三部分的代码,避免直接写在HTML标签的属性中,从而更有利于维护。因此在实际开发中不推荐使用行内式。

  • 存在的问题:引入JavaScript代码时,页面的下载和渲染都会暂停,等待脚本执行完成后才会继续(内嵌式或外链式)。 解决的办法:对于不需要提前执行的代码,将<script>标签放在<body>标签的底部,可以减少对整个页面下载的影响。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值