视频【【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili】

【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版

P01【JS简介】JavaScript网景公司

JS最初用于网页的前端验证（没有向服务器反应。优点：节省时间），到后期不止于此，发展到动态交互，服务器验证

js特点：解释语言（不用编译）、面向对象

 console.log("向控制台输出内容");

P02

js代码需要编写到script标签中

alert("你好");  // 弹出警告框

 document.write("hello");  //像body中写入一个内容

 console.log("向控制台输出内容");

P03

这两种超链接虽然可以写在标签属性中，但他们属于结构与行为耦合，不推荐使用

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 可以将js代码编写到标签的onclick属性中 --><button onclick="alert('你点我干嘛!')">点我</button> <a href="javascript:alert('让你点在点');"> 点我是超链接</a><a href="javascript:;"> 点我是超链接</a> //javascript：后直接加；结束（说明链接为空）</body>
</html>

那往哪里写呢？答案是script标签里写

或者从外部js文件引入，用src=“ ”

从外部js文件引入的好处是：可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制

 <!-- 可以将js代码编写到外部js文件中，通过script引入 --><script type="text/javascript" src="0326_js01.js"></script>

js代码是按从上往下顺序执行

注意：script标签一旦用户引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略，如果有需要，就重新创建一个script标签用户编写内部代码

P04基本语法

多行注释 /* */

单行注释 //

注意

1 、在JS中严格区分大小写

2、JS中每一条语句以分号（；）结尾，如果不写分号，浏览器会自动添加，但会消耗系统资源，而且有时候系统会加错分号，所以分号必须写

3、JS会忽略多个空格和换行，所以我们可以利用空格和换行美化代码

P05 字面量（不可改变的数值）和变量

在js中使用var关键字来声明一个变量，并为变量赋值

var b=789； //声明和赋值同时进行

P06标识符

在js中所有可以自主命名的都是“标识符”

1、标识符可以含有字母、下划线、数字、$

2、标识符不能以数字开头

3、标识符不能是ES的关键字或保留字

4、标识符一般采用驼峰命名，比如nameAc、helloWolrd、xxYyZz

理论上所有的utf-8都能当标识符

P07字符串

JS中有六种数据类型

1.Number类型

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

2.String类型

需要用引号引起来

3.Boolean类型

该类型只有两个值，true和false

4.Undefined类型

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5.Null类型

null类型被看做空对象指针，前文说到null类型也是空的对象引用。

6.Object类型（引用数据类型）

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript">/*  String需要引号// 使用单引号/双引号都可,但不能混着用- 同一种类型的引号不能嵌套 */var str="tt";str="222"console.log(str);/* 但表示一些特殊符号时，可以用\进行转义（表示一个普通的符号）\n  换行\t  制表符tab\" 表示“\' 表示‘\\ 表示 \                      */str="你是\\狗\t\'哈哈";alert(str);   //输出变量str//   alert("str")  //输出字面量str</script></head><body></body>
</html>

alert("str") //输出字面量str

js学习笔记d1【P1-P7】相关推荐

ArcGIS JS 学习笔记4 实现地图联动
原文:ArcGIS JS 学习笔记4 实现地图联动 1.开篇守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而 ...
backbone.js学习笔记
backbone.js学习笔记之前只接触过jQuery,看来Backbone是除了jQuery的第二大JS框架... backbone到底是个啥? 其实刚开始我也不知道=_=,我是这周二才听说居然还 ...
node.js学习笔记
# node.js学习笔记标签(空格分隔): node.js---## 一内置模块学习 ### 1. http 模块 ``` //1 导入http模块 const http =require('ht ...
node.js学习笔记14—微型社交网站
node.js学习笔记14-微型社交网站 1.功能分析微博是以用户为中心,因此需要有注册和登录功能. 微博最核心的功能是信息的发表,这个功能包括许多方面,包括:数据库访问,前端显示等. 一个完整的微 ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...
html 流程控制,HTML5独家分享：原生JS学习笔记2——程序流程控制
当当当当 .....楼主又来了!新一期的js学习笔记2--程序流程控制更新了! 想一键获取全部js学习笔记的可以给楼主留言哦! js中的程序控制语句常见的程序有三种执行结构: 1.顺序结构 2.分支 ...
基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
Node.js学习笔记8
Node.js学习笔记8 HTTP服务器与客户端 Node.js的http模块,封装了一个高效的HTTP服务器和一个简易的HTTP客户端 http.server是一个基于事件的HTTP服务器,核心由N ...
node.js学习笔记5——核心模块1
node.js学习笔记5--核心模块1 Node.js核心模块主要内容包括:(1)全局对象 (2)常用工具 (3)事件机制 (4)文件系统访问 (5)HTTP服务器与客户端一: 全局对象 Node. ...

js学习笔记d1【P1-P7】