js crash course|青训营笔记

42 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天。

本文是学习JavaScript 速成课程的学习笔记。

什么是JS

解释型语言:不需要先编译,在浏览器一边运行由浏览器中的Javascript引擎编译。

运行在客户端:此处只讲运行在html和css之间的JavaScript。

三种添加JS的方法

此处内联方式和千锋课程讲的不一样

行内式【不利于代码维护,还会导致html文件臃肿】 直接把代码写在标签身上

a标签书写在href属性上

格式:<a href="javascript:JS代码;">点我一下</a>
<a href="javascript:alert('hello word');">点我一下</a>
alert('hello word')是在浏览器出现提示层,显示括号内的文本内容(会弹出一个浏览器提示框)

非a标签 书写在行为属性上
<div onclick="alert('hello word')">点我一下</div> 此处的onclick是一个点击行为属性,在属性值的位置书写JS代码即可

JS速成课中要讲到的东西

Javascript中不区分整数型浮点数,所有数值都用浮点数值型表示。

类型

字符串(string)

输出一个字符串中的某一个字符

console.log('hello'.charAt(0)); 输出的是h,因为计数是从0开始的,该例中如果要输出e就应该写console.log('hello'.charAt(1));console.log('hello'.charAt(4)); 则输出o

// alert('hello'+' word');    分号记得写
// alert(1+1);   会得到一个内容为2的提示框
// 'hello'.length; 查看字符串的长度
// console.log('hello'.length);  在控制台输出字符串长度
// console.log('hello'.charAt(0));  在控制台输出字符串中的某一位
// console.log('hello, world' .replace('world','jiajia')); 在控制台输出替换字符串部分后的结果
// console.log('hello, world'.toUpperCase()); 在控制台输出字符串内容全大写的格式,注意toUpperCase是一个方法,后面应该要加上括号

布尔值(boolean)

逻辑与、逻辑或、逻辑非

  1. 逻辑与(都真才真)

  1. 逻辑或(有真就真,全假才假)

  1. 逻辑非(返回相反值 真得假,假的真)