JavaScript自学笔记（一）

最新推荐文章于 2024-08-11 18:40:36 发布

王者热爱去地下城复活

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量108

点赞数

分类专栏：笔记文章标签： javascript js 前端

本文链接：https://blog.csdn.net/To_Ma_To/article/details/119384443

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

学习链接：https://www.bilibili.com/video/BV1Sy4y1C7ha

JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程

笔记涉及的是视频p1~p41的内容

1.js介绍

1.1js简介

js是一种运行在客户端的脚本语言（脚本语言：不需要编译，运行过程中js解释器逐行进行解释并执行）

还能基于Node.js技术进行服务器端编程

1.2js的组成：

ECMAScript（js语法）
DOM（页面文档对象模型）
BOM（浏览器对象模型）

1.3js的书写位置

行内

<body>
    <input type="button" value="番茄" onclick="alert('炒鸡蛋')" >
</body>

内嵌

<head>
    ...
    <script>
        alert('真香');
    </script>
</head>

外部

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

1.4js的输入输出语句

方法	说明
alert	浏览器弹出警示框
console.log	浏览器控制台打印输出信息（仅程序员可见）
prompt	浏览器弹出输入框，用户可输入

2.html/css与js的区别

html/css--标记语言，描述类语言；着重于网页结构内容、样式
js--脚本语言，编程类语言；着重于实现页面控制、业务逻辑

3.变量

3.1概念

存放数据的容器

3.2变量初始化语句&输出结果语句

声明语句：var 变量名;

赋值语句：变量名=数值;/‘字符串’;

输出结果：console.log(变量名);

3.3变量的命名规则

由数字、字母、下划线和$组成，不能以数字开头
区分大小写
不能是关键字

3.3.1实例

    <script>
        //输入框输入内容，警示框弹出输入的内容
        var tip=prompt('请输入名字：');
        alert(tip);
    </script>

4.数据类型

4.1变量的数据类型

根据等号=右边变量值的数据类型来判断，变量数据类型是可变的

4.2数字型 Number

4.2.1isNaN(x)

x是数字，返回false

x不是数字，返回true

4.3字符串型 String

4.3.1获取字符串的长度

x.length

4.3.2字符串的拼接

'字符串x'+'字符串y'/‘字符串’+其他类型数据，+链接字符串/拼接字符串与其他数据类型数据，得到的结果都是字符串

两个数值型+拼接结果为数值型

4.4布尔型 Boolean

4.5数据类型转换

4.5.1转换为字符串

变量.toString()
String(变量)
+ 拼接字符串的方法--变量+' '

4.5.2转换为数字型

parseInt(string)函数--结果自动取整，不四舍五入，类似c的int；会将单位去掉parseInt(120px)结果为120
parseFloat(string)函数--会将单位去掉parseFloat(120px)结果为120
Number()
js隐式转换(- * /)

4.5.2.1简易加法器实例

    <script>
        var one=prompt('请输入第一个数：');
        var two=prompt('请输入第二个数：');
        var result=parseFloat(one)+parseFloat(two);
        alert('两数相加和为'+result);
    </script>

4.5.3转换为布尔型

Boolean(变量)函数

4.6课后作业（2）

    <script>
        //输入框输入内容，警示框弹出输入的内容
        var one=prompt('请输入姓名：');
        var two=prompt('请输入年龄：');
        var three=prompt('请输入性别：');
        alert('你的姓名：'+one+'\n'+'你的年龄：'+two+'\n'+'你的性别：'+three);
    </script>

王者热爱去地下城复活

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript自学笔记（一）

1.js介绍1.1js是一种运行在客户端的脚本语言（脚本语言：不需要编译，运行过程中js解释器逐行进行解释并执行）1.2还能基于Node.js技术进行服务器端编程 1.3js的组成：ECMAScript（js语法） DOM（页面文档对象模型） BOM（浏览器对象模型） 1.4js的书写位置行内<body> &lt...
复制链接

扫一扫