【优极限】 HTML+CSS+Javascript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
一、Java script介绍 1. 简介
Java script是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加Web互动、加强用户体验度等。
2.组成ECMAscript(JS的基础):核心语法,描述了该语言的语法和基本对象DOM(文档型对象模型):描述了处理网页内容的方法和接口BOM(浏览器对象模型):描述了与浏览器进行交互的方法和接口 3.开发工具
浏览器:Edge开发工具:Hbulider
二、基本用法
行内JS:写在标签内部的JS代码
点击按钮后显示:
内部JS:定义在script标签内部的JS代码(标签可以放在head或body中,最好放在body之后)
打开网址即可显示:
外部JS:单独的JS文件,在HTML中通过script标签的src属性引入(同时在script标签之间的代码就不会生效了)
需要新建一个js文件:
alert("这是引入外部JS文件!");
html中:
但script中的alert(1)却不会显示 !
三、基础语法 1.语句:
代码以行为单位,从上往下执行,一行一条语句。语句可以不加分号,但如果对一行对应多条语句,每句语句之后必须以分号结尾。(建议都加分号)表达式不需要以分号结尾,如果加了分号则JS引擎会当做语句执行,生成无用的语句。
正确示例:
错误示例:
注释
// JS单行注释2.标识符和关键字 规则:
由Unicode字母、_、$、数字、中文组成
- 不能以数字开头不能是关键字和保留字严格区分大小写
- 见名只意驼峰命名或下划线规则
JS是一种弱语言,故不需要指明数据类型,直接使用var修饰符进行声明。
(1)变量的声明先声明再赋值:
声明并赋值:
可以在同一条 var 命令中声明多个变量:
使用 var 重新声明一个已经存在的变量且赋值,则会覆盖掉前面的值:
JS是一种动态类型、弱类型语言,变量的类型没有限制,可以赋予各种类型的值:
注:
- 如果变量只声明而未赋值,则显示undefinded如果变量未声明就使用,则会报错
所有变量的声明语句,都会被提升到代码头部。
此时控制台提示:undefined
4.数据类型| 数据类型 | 属性 |
|---|---|
| 数值(number) | 整数和小数 |
| 字符串(String) | 字符组成的文本 |
| 布尔值(Boolean) | true和false |
| Undefined | 表示“未定义”或不存在,即此处目前没有任何值 |
| Null | 表示空缺,即此处应该有一个值,但目前为空 |
| 对象(Object)(引用) | 各种值组成的集合 (1)对象(object){name:“zahngsan”,age:“18”} (2)数组(array)[1, 2, 3 ] (3)函数(function) function test(){} |
当声明了一个变量而没有初始化时,
调用函数时,该函数有形参,但未提供实参
函数没有返回值,默认undefined
(2)null表示空值
注:
使用typeof操作符测试null返回object字符串undefined派生自null,所以等值比较返回值时true。未初始化的变量和赋值为null的变量相等
(3)布尔型常用作判断和循环;
(4)数值型注:
浮点数运算时可能不精确,所以尽量不要使用浮点数做判断在存储数值型数据时自动将可以转换为整型的浮点数值转换为整型:
(5)字符串
用+进行字符串的拼接:
(6)对象类型对象是一组数据和功能的集合
5.类型转换 (1)自动类型转换 (2)函数转换JS 提供了 parseInt() 和 parseFloat() 两个全局转换函数。前者把值转换成整数,后者把值转换成浮点数。对String 类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)
parselnt()
从第0个字符开始,判断是否为有效数字,若不是,则返回NaN,否则继续查找,直到找到非有效数字:
parseFloat()
查找方法与parselnt()类似,只不过可以转化为浮点数。但第一个出现的小数点是有效字符,第二个则被视为无效:
(3)显示转换几乎每个对象都提供了 toString() 函数将内容转换为字符串形式,其中 Number 提供的 toString() 函数可以将数字转换为字符串。Number 还提供了 toFixed() 函数将根据小数点后指定位数将数字转换为字符串,四舍五入
Number、Boolean、String 用于强制性转化数据类型,此时操作的是整个数据,而不是部分:
string()可以对 null 或 undefined 值强制转化生成字符串而不引发错误:



