【Web】JavaScript（No.35）JavaScript基本介绍

最新推荐文章于 2022-01-14 11:24:40 发布

Sherry Lupus

最新推荐文章于 2022-01-14 11:24:40 发布

阅读量230

点赞数

分类专栏： Web-JavaScript 文章标签： Web JavaScript

本文链接：https://blog.csdn.net/qq_43251850/article/details/94598867

版权

Web-JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

JavaScript是什么

在这里插入图片描述
需要素材点击图片联系我或私信、评论
JavaScript 【编程语言流程控制】

Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系，只是名字很像。

Java 服务器端的编程语言

JavaScript 运行在客户端(浏览器)的脚本语言

JavaScript是一种运行在 客户端 的 脚本语言
JavaScript的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript现在的意义(应用场景)

JavaScript 发展到现在几乎无所不能。

网页特效
服务端开发(Node.js)
命令行工具(Node.js)
桌面程序(Electron)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)

JavaScript和HTML、CSS的区别

HTML：提供网页的结构，提供网页中的内容
CSS: 用来美化网页
JavaScript: 可以用来控制网页内容，给网页增加动态的效果

ECMAScript - JavaScript的核心

ECMA 欧洲计算机制造联合会

网景：JavaScript

微软：JScript

定义了JavaScript的语法规范

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

BOM - 浏览器对象模型

一套操作浏览器功能的API

通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等

DOM - 文档对象模型

一套操作页面元素的API

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

JavaScript初体验

CSS：行内样式、嵌入样式、外部样式

JavaScript的书写位置

写在行内

<input type="button" value="按钮" onclick="alert('Hello World')" />

写在script标签中

<head>
  <script>
    alert('Hello World!');
  </script>
</head>

写在外部js文件中，在页面引入

<script src="main.js"></script>

注意点

引用外部js文件的script标签中不可以写JavaScript代码

总结

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的基本介绍</title>
    <link rel="stylesheet" type="text/css" href="">
    <!--<link rel="stylesheet" type="text/less" href="index.less">-->
    <style type="text/css"></style>
</head>
<body>
  <!-- JavaScript简称：js
       一、js是什么？
       ①是一门脚本语言（脚本语言：不需要编译，直接执行）；
       ②是一门解释性语言（解释性语言：是在运行的时候，将程序直接翻译成机器语言）；
       ③是一门动态类型的语言（webABI的时会了解）；
       ④是一门基于对象的语言（js高级的时候了解）。

       二、js分三个部分：
       ①ECMAScript标准---js的及基本语法；
       ②DOM---Document Object Model 文档对象模型；
       ③BOM---Browser Object Model 浏览器对象模型。

       三、js的作用：解决用户和浏览器之间的交互问题。

       四、js代码分三个地方写：
       ①在HTML标签中写：
         <button οnclick="alert(666);">点我弹框</button>；
       ②创建一个script双标签，在双标签中写js代码，暂时放在</body>的前面：
         <script>
           alert(777);
         </script>；
       ③创建外部js文件，但是需要用scrip标签中的src="js的路径"：
         <script src="js/index.js"></script>。

       五、js代码的注意问题：
       ①script标签可以写多对；
       ②♕在一对script标签中，有错误的代码，该错误的代码的后面js代码不会执行；
       ③♕在一对script标签中，有错误的代码，不会影响到后面的script标签中的js代码的执行；
       ④在script中有一个属性：type="text/javascript"，可省略；
       ⑤script标签，可放在</body>的前面，可放在head标签中，可放在</html>的后面（了解即可。）
       -->
</body>
</html>

Sherry Lupus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【Web】JavaScript（No.35）JavaScript基本介绍

JavaScript是什么需要素材点击图片联系我或私信、评论JavaScript 【编程语言流程控制】Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaS...
复制链接

扫一扫

专栏目录