JavaScript学习之旅——初识

@芥末君

已于 2024-01-02 23:46:29 修改

阅读量1k

点赞数 15

分类专栏： JavaScript & TypeScript 文章标签： javascript 学习开发语言前端 typescript

于 2024-01-02 23:34:55 首次发布

本文链接：https://blog.csdn.net/a_Chaon/article/details/135350377

版权

JavaScript & TypeScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JavaScript 学习之旅——初识

本文内容基于JavaScript 相关基础知识进行介绍

JavaScript 学习之旅——初识
前言
一、JavaScript 是什么（都有什么呢？）
- 1.ECMAScript
- 2.Web APIs
二、JavaScript 的书写位置
三、JavaScript 的输入输出语法
四、总结梳理

前言

在几年前，博主有意学习前端相关的内容，诸如Vue等相关的框架，所以也就想了解一下关于Html、CSS、JavaScript 等相关内容，但是没有实战的地方，随之放弃。
时至今日，鸿蒙系统上线，看到用的语言是基于TypeScript ~~(自认为)~~ 的arkts（android runtime kit type script）所以去了解下对应的知识，发现还得是JavaScript，所以在此记录，把对应的知识重新再梳理一遍，书中多有错误，烦请诸君斧正，感谢~

一、JavaScript 是什么（都有什么呢？）

JS是一个运行在客户端的编程语言

1.ECMAScript

规定了JS的基础语法&核心知识，例如：

变量
分支语句
循环语句
对象
…

2.Web APIs

针对文档的操作& 针对浏览器的操作~

DOM 操作文档，对于页面元素进行移动、大小、增删改查等操作
BOM 操作浏览器，页面弹窗，检测窗口宽度，储存数据到浏览器等等

懵吧？我也是懵懵的，对于这些术语大概先了解一下即可，后续可能会慢慢透彻~

tips： mdn javascript 权威网站~

二、JavaScript 的书写位置

1.内部JavaScript

直接写在html文件中，用sctipt 标签包裹住，例如:

<html>
	<head>
	...
	</head>
	<body>
	...
	<script> 
	//在这里写javascript
	</script>
	</body>
</html>

但是这里要注意的是：
script标签卸载上面，原因是因为我们将

2.外部JavaScript

// 在js文件中，直接写js代码就可以了
alert("我是外部js")

<html>
	<head>
	...
	</head>
	<body>
	...
	<script src="./js/my.js"> 
	//如果是外部引入的js（标识src）那么再在其内部写js代码也不会执行
	</script>
	</body>
</html>

通过以上代码不难看出，在外部的js文件，需要以相对路径引入到src中去，且在script标签中书写的代码不会被执行；
在外部书写js的优点是分离，更易于复用，并且没有脚本html代码的混合，更清晰一些~

3.内联（行内）JavaScript

代码写在标签内部，还是以上面例子为例：

<html>
	<head>
	...
	</head>
	<body>
	
	//在onclick中直接写的js代码，即成为行内js
	<button onclick="alert('行内js')">按钮名称</button>
	
	</body>
</html>

但是这种用的不多，仅作为demo或者vue框架用的多一些~

4. JavaScript 语句结束符

相当于java的；符号，其js也可以使用；来表示语句的结束，但是也看具体情况，写不写；最重要的是风格统一

三、JavaScript 的输入输出语法

1.JavaScript的输出弹窗（alert）

alert("是我，alert弹窗")

比较基础的语法，没什么好说的，就是页面弹窗，后续可能有更多的形式，这里暂不赘述（因为我也不知道）

2.JavaScript的页面执行（document.write）

document.write("我是文字")
document.write("<h1>我是h1标签</h1>")

向文档插入语句，如果是html，则会执行该语句；

3.JavaScript的输入弹窗（prompt）

prompt("请输入文字：")

执行该js时，会蹦出一个弹窗，提示文字是请输入文字：然后一个输入框~

需要着重注意的是，alert和prompt 语句他们会跳过页面渲染，先被执行（不知道为啥，后续了解）

4.JavaScript的控制台打印（console.log）

console.log("日志打印：")

没什么好说的~

四、总结梳理

_{伸伸懒腰，时间又不早了（bgm：北京时间23:33)}

以上就是今天学习梳理的内容，简单的对JS有一个基础的认知和运行时的学习，诸君大可一眼扫过，不必过于纠结，都是一些很基础的东西~
再会~

@芥末君

关注

15
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习之旅——初识

在几年前，博主有意学习前端相关的内容，诸如Vue等相关的框架，所以也就想了解一下关于Html、CSS、JavaScript 等相关内容，但是没有实战的地方，随之放弃。时至今日，鸿蒙系统上线，看到用的语言是基于TypeScript(自认为)伸伸懒腰，时间又不早了（bgm：北京时间23:33)以上就是今天学习梳理的内容，简单的对JS有一个基础的认知和运行时的学习，诸君大可一眼扫过，不必过于纠结，都是一些很基础的东西~再会~
复制链接

扫一扫