- console.log(“在控制台打印输出内容”);
- console.warn(“在控制台打印警告内容”);
- console.error(“在控制台打印错误内容”);
- document.write(“在页面输入内容”);
- document.write("
<h1>标题</h1>
"); - alert(“弹窗显示内容”);
- prompt(“弹窗输入框”);
- confirm(“弹窗选择”);
var choice=confirm("请选择");
console.log("choice");
引入方式:
- 内嵌式: 当前html中定义,
<scrpit></script>
内写js代码,一般js在body最后一行入。 - 行内式 :在标签上面都有js内置事件,不推荐。
<body onload="alert('内容')">
body方式加载执行。 - 外链式:单独js文件,实现结构与行为分离。
<script src=" "></script>
.
变量的作用
变量:值可以变化的量,是一个容器,专门存储各种值
js中变量分为:基本数据类型/引用数据类型
基本数据类型
number NaN数值中的一个值
string
Boolean
undefined
null
引用数据类型
object对象类型
function
变量variable的创建分为:声明和赋值
var 变量名=变量值;
声明一个变量并赋值;
var num=33;
console.log(typeof num);//number
var str="哈哈";
console.log(typeof str);//string
var boo=false;
console.log(typeof boo);//boolean
var num;//声明未赋值
console.log(typeof num);//undefined
var s=null;//空,赋值了,但值为空
console.log(typeof s);//null
NaN:Not a number //数值计算错误时会出现。
变量命名规则
- 变量命名必须以字母_$开头,数字;
- 变量名长度不超过255个字符;
- 变量名不得使用空格,首字母不得出现数字;
- 不能使用脚本语言中保留的关键字及保留符号作为变量名;
- 变量名区分大小写,
- 一般不用汉字。
number类型
var n=5e-324;浮点数,最小
var num=78;
var num=016;
var num=0x3A;
Infinity 1/0 无穷大
Infinity -1/0 无穷小
console.log(Number.MAX_VALUE);number最大
console.log(Number.MIN_VALUE);number最小
//isNaN(变量):判断是否是非数字。如果是数字,反回false;如果是非数字,返回true。
var a="hh";
console.log(isNaN(a));//true
string类型及转换方法
//“单”,'双'引号成对组成;转义符号\"
var str="打印的内容:\"是引号\"";
// 1. 任何类型的变量和字符串进行“+”号连接计算,都是字符串拼接,结果自动转换或string类型。
// 2. 字符串和变量进行“-”,“*”,“%”运算时,会自动先转换成number型,再计算。如果转换失败,则结果为NaN.
将变量转换成string类型三种方法:
- 变量.tostring()结果就是字符串 (几乎每一个值都有tostring()方法)
var a=10;
cosole.log(typeof a.tostring());//string
2.string(变量) 结果就是字符串(在当前值不方便调用.tostring()时,用函数)
var a=10;
cosole.log(typeof string(10));//string
3.变量+"" 结果自动转换成string类型
console.log(10+“”);//string
转换成number的三种方法
ParseInt() / Number() / 转化成整数
ParseFloat() / 转化成小数
var a="103";
console.log(ParseInt(a));
consolg.log(typeof ParseInt(a));
//从字符串的左边开始解析,遇到非数字停止,取出数字部分,如果开头是非数字,直接NaN
console.log(Number(a));
console.log(typeof Number(a));
//字符串必须是纯数字序列,否则直接NaN
var b="130.33.3";
console.log(ParseFloat(b));//130.33
//从字符串接卸一个number值,用法和parseInt等同,只不过多识别了一个小数点
//只识别第一个小数点