javascript基础学习第一天
Javascript 发展过程:
1.出现:为了解决用户和游览器之间的交互。
2.概念:基于对象和事件驱动,运行在游览器客户端的脚本语言。
-js在游览器中运行的。(js引擎:执行js代码)
-事件:就是用户的一个具体动作
-对象:抽象的一个容器(保存数据)
3.作用:
-做游戏开发。
-数据统计
-地理定位
4.组成:
基本语法(ECMAscript)
DOM(Document Object Model)将整个HTMl文档抽象成一个对象(通过js操作该对象,实现js操作网页特效)
BOM:将游览器抽象一个对象通过js操作游览器。
学习JavaScript路径:
1.书写位置:
-外联式(实际开发):
首先将js代码单独放到一个js文件中(test.js)其次要将js文件引入到网页中(script)
列如:<script src='test.js'></script>
注意:
1.推荐将<script src='test.js'></script>放到body标签末尾
-内嵌式写法:将js代码直接卸载HTML网页中(通过script标签)
列如:<script>
js代码...
</script>
注意:
1.外联式写法和内嵌式写法不能合写。
2.一个网页中可以同时使用外联式,也可以使用内嵌式。
3.建议将内嵌式写法放到body标签的末尾处。
-行内式写法:(少用)
直接将js代码写到标签内部
<div 事件名称 = 'js代码'></div>
例如:onclick(点击事件)
2. js在网页中输出消息
alert(‘内容’):在游览器中弹出窗口的形式输出消息
document.write(‘内容’);在网页body中输出消息
总结:
1.document.write()可以在网页中输出具体的文字内容
2.document.write()还可以在网页中输出具体的HTML标签
console.log(‘今天开始学习js’):在游览器控制台中输出消息
一般在调试代码的时候,会使用console.log()
prompt(‘请输入您的用户名’);用来接收用户输入的消息
confirm(‘消息’);获取用户具体操作(确定操作或者取消操作)
注意:
1.在js中区分字母大小写的
2.建议在一段js代码接收后,加“;”
3.js中单行注释:// 多行注释 :/* */
3.变量(重点):保存数据的
概念:在程序中机遇是用来保存数据的一种容器。
使用:
定义变量
var + 自定义的变量名称;
给变量赋值
变量名 = 值
注意:
1.‘=’ -------> 叫赋值运算符
2.赋值运算的执行过程:首先 执行‘=’右侧的代码,然后将右侧的结果赋值给左侧的变量
3.当我们输出消息的时候,如果输出的是变量,不要加引号,否侧需要添加引号
4.一个变量一次只能保存一个值,最后一次赋值结果。
5.可以在定义变量的时候直接给变量赋值
6.可以同时定义多个变量并赋值,使用逗号隔开即可
例如:var username = 'zs', pwd = '123';
变量的命名规则:
1.不许使用纯数字或者以数字开头定义变量。
2.不建议使用汉字定义变量
3.不许以纯特殊字符或者以特殊字符开头定义变量(‘_’或者‘$’)除外
4.不许使用关键字定义变量名
关键字:在js中具有特殊含义的单词
5.不建议使用保留字定义变量
6.定义变量的过程中,变量名中间不许出现空格
交换两个变量的基本思想:
1.先找一个临时变量保存一个值
2.然后通过给变量赋值最后实现交换
4.数据类型:指的是变量的数据类型
简单数据类型
1.数字类型(number)
总结:
☞ 只要一个变量中保存的值是数字(整数,小数,负数)
☞ 如果是数字类型的变量相加,最后的结果就是一个数字
☞ 数字类型中最大值获取方式:Number.MAX_VALUE
☞ 数字类型中最小值获取方式:Number.MIN_VALUE
2.字符串类型(string);
总结:
☞只要一个变量中保存的值使用了单引号或者双引号
☞如果有字符串的变量相加,最后的结果就是字符串类型的结果
3.布尔类型(boolean):
总结:
只要一个变量中的值是true或者false
true:代表正确的(条件满足)
false:代表错误的(条件不满足)
一般在条件判断语法结构中会使用true|false
4.undefined类型:只要一个变量的值是undefined或者没有给变量赋值
总结:
如果一个变量没有赋值,那么该变量的默认值就是undefined。
复杂数据类型:
1.object :对象
5. 如何通过程序判断当前变量的数据类型?
ypeof(变量) ===》 得到的结果就是当前变量的数据类型。
例如:
var n1 = undefined;
alert(typeof(n1));
6. 数据类型转换
✔ 显示类型转换(强制类型转换):通过js中提供的类型转化方法,最后实现的数据类型转换
1. 将其他数据类型转换为数字类型
Number()
总结:
☞ 通过Number(变量)可以将其他数据类型转换成数字类型
☞ 如果变量的值就是一个数字形式的字符串,通过 Number(变量)最后可以转换为 数字类型
☞ 如果是一个非数字的字符串类型通过 Number(变量)转换后,可以转化为数字类 型,最后的结果是NaN
NaN: not a number -----> 数据类型是 数字类型(number)
☞ 如果将undefined转为数字类型后,最后的结果也是 NaN
☞ 如果将布尔类型转换为数字类型后,得到的结果就是数字 1 或 0;
parseInt()
总结:
☞ 通过 parseInt() 可以将其他数据类型转为数字类型
☞ 转换数字类型过程中,只会保留整数部分
parseFloat()
总结:
☞ 通过 parseFloat()将其他数据类型转为数字类型
☞ 如果小数位是数字,那么就将整个小数保留下来
☞ 如果小数位非数字,那么直接保留整数位
2. 将其他数据类型转换为字符串类型
☞ 变量.toString()
☞ String(变量)
总结:
1. 如果要转换为字符串类型,建议使用.toString();
2. String()方法可以将任何的数据类型都可以转为字符串类型
3. 将其他数据类型转换为布尔类型
☞ Boolean()
☞ 总结:
1. 如果变量的值是: 空字符串,0, NaN, null,undefined ==> 结果都是false
2. 除了以上结果外,最后都转化为true
✔ 隐式类型转换:在js中,通过数学运算过程,变量的数据类型发生了改变
总结:
1. 所有的算数运算都可以实现隐式类型转换
2. 如果字符串在进行相加过程中(拼接字符串)
7.算数运算符
+
总结:
1. 如果是数字类型的变量相加,最后的结果就是数字类型
2. 如果是非数字类型的字符串相加,最的结果是字符串类型(起到的是一个拼接的作用)
拼接字符串:
1。 会用到 + 号
2. 加号左右两侧至少有一个是字符串
-
总结:
1. 如果是数字类型的变量相减,最后的结果就是数字类型
2. 如果是数字类型的字符串相减,最后的结果也数字类型(隐式类型转换)
*
总结:
1. 在程序中乘号(*)不能省略
/
总结:
1. 如果是数字类型的变量相除,最后的结果就是数字类型
2. 如果0作为除数,那么最后的结果是Infinity,对应的数据类型是数字类型
%(取余)
8.判断是不是数字
isNaN(变量) ---》 如果返回的结果是true代表不是数字
如果返回的结果是fals代表是数字
今日总结
1. 定义变量及给变量赋值
2. 判断当前变量的数据类型(数字,字符串,布尔,undefined)
3. 知道如果通过程序的方式判断数据类型
4. 知道如何实现数据类型的转化
5. 知道如何判断一个变量是不是数字
javascript基础学习第一天的更多相关文章
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- JavaScript 基础学习(二)js 和 html 的结合方式
第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...
- JavaScript 基础 学习(三)
JavaScript 基础 学习(三) 事件三要素 1.事件源: 绑定在谁身上的事件(和谁约定好) 2.事件类型: 绑定一个什么事件 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...
- JavaScript 基础 学习 (一)
JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 比如:id,类名,标签名,选择器 的方式来获取元素 伪数组: 长的和数组差不多,也是按照索引排 ...
- 48.javascript基础学习
javascript基础学习: http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...
- JavaScript 基础 学习 (四)
JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 元素.on事件类型 = null 因为赋值的关系,所以给事件赋值为 null 的时候 事件触发的时候,就没有事件处理 ...
- JavaScript 基础 学习 (二)
JavaScript 基础 学习 节点属性 每一个节点都有自己的特点 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) 语法:节点.nodeT ...
- 几张非常有意义的JavaScript基础学习思维图
分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到. 推荐理由:归类非常好,非常全面 JavaScript 数组 J ...
- JavaScript基础 学习笔记
参考资料 视频链接:https://www.bilibili.com/video/BV1Sy4y1C7ha?spm_id_from=333.999.0.0 菜鸟教程:https://www.runoo ...
随机推荐
- java中静态类与普通类之间区别
所谓静态,指以static关键字修饰的,包括类,方法,块,字段. 非静态,指没有用static 修饰的. 一.静态类的特点 1.全局唯一,任何一次的修改都是全局性的影响 2.只加载一次,优先于非静态 ...
- Python 爬虫从入门到进阶之路(七)
在之前的文章中我们一直用到的库是 urllib.request,该库已经包含了平常我们使用的大多数功能,但是它的 API 使用起来让人感觉不太好,而 Requests 自称 “HTTP for Hum ...
- python 之 面向对象基础(定义类、创建对象,名称空间)
第七章面向对象 1.面向过程编程 核心是"过程"二字,过程指的是解决问题的步骤,即先干什么再干什么 基于该思想编写程序就好比在编写一条流水线,是一种机械式的思维方式 优点:复杂的问 ...
- .NET平台简介
前言: 看到一个名词:搜商(SQ),还挺有趣.讲的是在互联网时代,怎么能够快速找到自己所需信息或资源,成为一种能力,并将其提升到类似智商.情商的概念.在以后工作过程中,尽量提高自己获取.辨别.处理信息 ...
- 牛客假日团队赛1 B
B.便便传送门(一) 题目链接:https://ac.nowcoder.com/acm/contest/918/B 题目 Farmer John最讨厌的农活是运输牛粪.为了精简这个过程,他制造了一个伟 ...
- LNet代码分析
源码版本:lustre-release 2.15.55 介绍 LNet是Lustre的网络模块,代码目录分为了lnet和lnd lnet提供了统一的接口 lnd封装了底层驱动,有socklnd(TCP ...
- BZOJ 3990 排序
[题目描述]: 小A有一个1~2N的排列A[1..2N],他希望将数组A从小到大排序.小A可以执行的操作有N种,每种操作最多可以执行一次.对于所有的i(1<=i<=N),第i种操作为:将序 ...
- ASP.NET第一次访问慢的解决方法(MVC,Web Api)
问题现象 访问asp.net web项目的时候,第一次访问比较慢,当闲置一段时间后,再次访问还是会非常慢. 问题原因 这是IIS回收造成的,再次访问的时候会初始化操作,初始化需要耗费时间,所以访问会比 ...
- HDU 1565:方格取数(1)(最大点权独立集)***
http://acm.hdu.edu.cn/showproblem.php?pid=1565 题意:中文. 思路:一个棋盘,要使得相邻的点不能同时选,问最大和是多少,这个问题就是最大点权独立集. 可以 ...
- 图片懒加载,Selenium,PhantomJS
引入 今日概要 图片懒加载 selenium phantomJs 谷歌无头浏览器 知识点回顾 验证码处理流程 今日详情 动态数据加载处理 一.图片懒加载 什么是图片懒加载? 案例分析:抓取站长素材ht ...