小白初识js
2021-05-07 17:29
标签:random 需要 write 赋值 min() row 直接 应用 初识 ## 什么是js?js的来源 2.最初是为了实现表单验证 3.JavaScript能完成的功能: ## js的几大基本数据类型 ```javascript **JavaScript原样输出标签的内容:** **常量/直接量( 字面量 literal)** 100 //数字字面量 ‘100‘ //字符串字面量 false //布尔字面量 ## JS的标识符 ## JS是弱类型的语言 ```javascript ## JS的运算符 赋值运算符a+=10; ## JS类型转换 ## 强制类型转换 //Number() 强制把其他类型转化为number类型 小白成长之路~未完待续...... 小白初识js 标签:random 需要 write 赋值 min() row 直接 应用 初识 原文地址:https://www.cnblogs.com/xbwk/p/12084969.html
1.JavaScript是一种专为与网页交互而设计的客户端脚本语言。
- 用户交互(表单验证)
- 网页特效(漂浮的广告)
- 用户记住账户名密码
- 网页游戏(围住神经猫)
- .....
4.JavaScript组成
ECMAScript + BOM + DOM
ECMAScript:是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-262标准的实现和扩展
BOM: Browse Object Model,提供与浏览器交互的方法和接口
DOM: Document Object Model,提供访问和操作网页内容的方法和接口
String:字符串;
Number:数字(整数,浮点数float)
Array:数组
Object:对象
布尔类型:Boolean a==b
特殊类型 Null、Undefined、NaN
NaN //number 类型
Infinity //number类型
“null==undefined ”
## JavaScript标签
alert("hello world") ; // 页面弹出提示框
document.write("我输出在页面上,跟alert不一样");
console.log("我输出在控制台上,页面看不见我");
```
**javaScript文件引入方式**
注意:
1、不可以使用单标
;
"<"是 “ "> "是 “>”
所有直接量(字面量),就是程序中直接显示出来的数据
标识符是指JS中定义的符号,例如:变量名、函数名等。
标识符可以由任意的大小写字母、数字、下划线(_)和美元符($)组成,但是不能以数字开头,不能是js中的保留关键字。
标识符区分大小写,如:age和Age是不同的变量。但强烈不建议,用同一个单词的大小写区分两个变量。
js是弱数据类型的语言,容错性较高。
定义时不需要定义类型,赋值赋的是什么类型就是什么类型
var temp; //未定义 => undefined
var temp = 10; //数字类型 number
var temp ="hello"; //字符串类型
```
查看变量的类型
var x=10;
alert(**typeof** x);
算术运算符(+,-, *,/,%(取余数))
字符串和变量的拼接(+)
关系运算符
、=、== 、 ===、!= !==
逻辑运算符
&& 与(且)、|| 或、! 非
=、+=、-=、*=、/=、%=
自增、自减
++a, a++
--a, a--
字符串转换数字类型:parseInt()、parseFloat()
parseInt() 是把其它类型转换为整型;
parseFloat();是把其它类型转换为浮点型(小数)
四舍五入Math.round(20.222)--->20
Math.random()
Math.min()
Math.max()
Math.abs()
Math.pow()
Math.ceil()
Math.floor()
Math.PI
String()
Number()
Boolean()
转换为字符类型:
```javascript
var a=100; // "100"
var a = true; // "true"
var a = null; // "null"
var a = undefined; //undefined类型
var a = NaN; //NaN类型
var a = Infinity; //infinity类型
console.log(a + ""); //隐形转换
console.log(String(a));
```
转换为数字类型:
```javascript
var a = "100"; //100
var a = "haha"; //NaN
var a = true; // 1 false => 0
var a = ""; // 0
var a = undefined;// NaN
var a = null; // 0
var a = NaN; //NaN
var a = Infinity; //Infinity
console.log(Number(a)); // 100
var result = Number(a)*1; // 100 //隐形转换
console.log(result);
```
转换为布尔类型Boolean():
```javascript
var a = "100"; // true
var a = "haha"; // true
var a = ""; // false
var a = " "; // true
var a = 2; // true
var a = 1; // true;
var a = 0; // false;
var a = NaN; // false;
var a = Infinity; // true;
var a = undefined; // false
var a = null; // false
//有实际内容的转化为boolean都为true ,没有实际内容的转化为boolean都为false
```
上一篇:HTML表格模板
下一篇:HTML超链接样式及写法