js基础 js的简介 js的引入方式 js变量 js变量的命名规则 js的五种原始数据类型 类型转换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--
js的简介:
js 的引入方式:
1、行内式:直接将js代码放到开始标签里边
onclick:单击事件
2、内嵌式:借助于script标签,js代码放到script标签里边;可以出现在页面的任何地方
<script>
alert('学习js第二天');
</script>
3、外链式:使用script标签的src属性,链接外部的js文件;
外部的js文件,扩展名.js
js在页面中出现的位置不同,页面的展示效果也不同;因为这样,我们把js代码放到页面(html结构)的最后,就是body 结束标签之前;也可以 放到body结束标签之后,html结束标签之前的位置;
js的语法:用分号;代表每一条语句的结束;
js代码就是语句(命令),就是告诉浏览器要干的事情
console.log();控制台输出;方便后期调试代码
js变量:
声明变量:var 可以声明任何类型的变量
可以使用一个var声明多个变量,多个变量之间使用逗号隔开
var a=100;//声明变量,同时赋值
var a;//先声明,后赋值
a=100;
var a=100,b=200,c="hello world",flag=true;//使用一个var声明多个变量
js变量的命名规则:
1、使用字母 、下划线_ 、美元符号$ 开头,后边的任何字母和数字,_ ,$ 的组合
2、变量名不能使用关键字和保留字
3、变量名严格区分大小写
4、变量名中不能出现空格,换行符等其他的特殊字符
5、命名方式:匈牙利标记命名法;帕斯卡命名法 ; 驼峰命名法
js的五种原始数据类型:
undefined number boolean string null
js的数据类型判断:typeof 运算符 ,后边跟一个参数,参数就是你要判断的变量或者值
var a=100;
var b="100";
console.log(typeof a);
console.log(typeof b);
console.log(typeof 200);
undefined:变量声明了,但是没有初始化(变量没有赋值),变量有一个默认的值,默认值就是undefined
boolean布尔类型:true false
6中假值:false 空字符串"" 0 NaN null undefined
除了这五种假值之外,其他都是真值
number数值类型:
1、判断一个数是否有穷: isFinite(参数) :参数就是你要判断的数
2、NaN非数值: 自身与自身都不相等;不能参与运算
3、数据分类:
3.1 整型(整数) var num=100;
3.2 浮点数(小数) var num=100.01
4、数据表示方法:
4.1 十进制
八进制 :以0作为前导符号 ;基数:0 1 2 3 4 5 6 7 ;var num=070;
十六进制 : 以0x作为前导符号;基数:0 1 2 3 4 5 6 7 8 9 a b c d e f ; var num=0xff;
string字符串类型:
1、单引号或者双引包裹的数据;
var str="hello"; var str1='world';
2、单双引号都是成对出现;
3、单双引号可以嵌套;
var str2="helle 'world'";
var str3='hell "world"';
4、转义字符\ :
var str4='hello \'world\'';
5、字符串拼接:+
类型转换:
1、toString()方法;把值转换为字符串;
var num=100; num.toString();
对于数值类型,toString()有默认模式和基模式的转换
基模式:2 8 10 16
num.toString(2);
num.toString(8);
2、parseInt();字符串转换为整型;
首先判断第一位是否是有效数字,如果是,就判断第二位是否是有效数字,如果是,就会以此类推,直到遇到一个非有效数字时停止转换,会把前边转换的有效数字全部输出;
如果第一位不是有效数字,直接返回NaN
基模式转换:2 8 10 16
parseInt(参数1,参数2):参数1 是要转换的值 ;参数2:转换的基
3、parseFloat();转换为浮点型
首先判断第一位是否是有效数字,如果是,就判断第二位是否是有效数字,如果是,就会以此类推,直到遇到一个非有效数字时停止转换,会把前边转换的有效数字全部输出;
如果第一位不是有效数字,直接返回NaN
对于数据里边包含多个小数点的,能识别第一个小数点;
var str="11.232.33";
-->
<input type="text" onclick="console.log('hello world');">
<ul>
<li>helo</li>
<li>helo</li>
<li>helo</li>
<li>helo</li>
<li>helo</li>
</ul>
</body>
<script>
// alert('学习js第二天');
// console.log('学习js第二天');
var a=100;
var b="100";
var c=070;
var d="0xff";
// console.log(typeof a);
// console.log(typeof b);
// console.log(typeof 200);
var str="11.22.333a123456hello";
// console.log(c);
// console.log(d);
console.log(parseInt(d,16));
</script>
<script src="huigu.js"></script>
</html>