发布时间:2024-05-07 15:01
alert( );
控制浏览器弹出一个警告框document.write();
可以向body中输出一个内容console.log();
的作用是向控制台输出一个内容 <script type="text/javascript">
alert("这是一个警告框");
document.write("看得见我吗?");
console.log("你猜我在哪出来呢?");
script>
onclick属性
中,当我们点击按钮时,JS代码才会执行。 <body>
<button onclick="alert('讨厌,你点我干嘛~~');">点我一下button>
body>
href属性
中,这样当点击超链接时,会执行JS代码。 <body>
<a href="javascript:alert('让你点你就点啊!!!');">你也点我一下a>
<a href="javascript:;">你也点我一下a>
body>
标签中。 <script type="text/javascript">
alert("我是script标签中的代码!!");
script>
标签引入。
标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略。如果需要则可以在创建一个新的
标签用于编写内部代码。 <script type="text/javascript" src="js/script.js">script>
<script type="text/javascript">
alert("我是内部的JS代码");
script>
/**/
//
在JS中使用var关键字
来声明一个变量
<script type="text/javascript">
//1、声明变量
//在js中使用var关键字来声明一个变量
var a;
//2、为变量赋值
a = 123;
a = 456;
//声明和赋值同时进行
var b = 789;
var c = 0;
console.log(a);
script>
在js中所有的可以有我们自主命名的都可以称为是标识符
数据类型指的就是字面量类型
在JS中一共有六种数据类型
数据类型 | |
---|---|
String | 字符串 |
Number | 数值 |
Boolean | 布尔值 |
Null | 空值 |
Undefined | 未定义 |
Object | 对象 |
其中String、Number、Boolean、Null、Undefined属于基本数据类型,而object属于引用数据类型。
\
作为转义字符,当表示一些特殊符号时可以使用\
进行转义。\"
表示"
\'
表示'
\n
表示换行\t
制表符\\
表示\ <script type="text/javascript">
var str = "我说:\"今天\n天气真不错!\"";
console.log(str);
script>
Number类型包括整数和浮点数(小数)
JS中可以表示的数字的最大值
Number.MAX_VALUE
为1.7976931348623157e+308
大于0的最小值Number.MIN_VALUE
为5e-324
如果使用Number表示的数字超过了最大值,则会返回一个Infinity
可以使用一个运算符typeof
来检查一个变量的类型
语法:typeof 变量
检查字符串时,会返回string
检查数值时,会返回number
Infinity
是一个字面量,
Infinity表示正无穷
Infinity表示负无穷
使用typeof
检查Infinity
也会返回number
NaN
是一个字面量,
NaN是一个特殊的数字,表示Not A Number
使用typeof
检查NaN
也会返回number
在JS中整数的运算基本可以保证精确。如果使用JS进行浮点运算,可能得到一个不精确的结果,所以千万不要使用JS进行对精确度要求比较高的运算。
<script type="text/javascript">
var c = 0.1+0.2;
console.log(c);
script>
结果为:0.30000000000000004
布尔值只有两个,主要用来做逻辑判断
使用typeof
检查一个布尔值时,会返回boolean
Null(空值)类型的值只有一个,就是null
null这个值专门用来表示一个为空的对象
使用typeof
检查一个null值时,会返回object
Undefined (未定义)类型的值只有一个,就是undefined
当声明一个变量,但是并不给变量赋值时,它的值就是undefined
使用typeof
检查undefined时,会返回undefined
强制类型转换指将一个数据类型强制转换为其它的数据类型。
类型转换主要指,将其他的数据类型,转换为String、Number、Boolean。
方式一:调用被转换数据类型的toString()
方法
方式二:调用String()函数
,并将被转换的数据作为参数传递给函数
方式一:使用Number()函数
方式二:
parseInt()
把一个字符串转换为一个整数parseFloat()
把一个字符串转换成一个浮点数parseInt()
或parseFloat()
,它会先将其转换为String,然后再操作。parseInt()
可以将一个字符串中的有效的整数内容取出来,然后转换成Number<script type="text/javascript">
var a = "123px";
a =parseInt(a);
var b = "123.456px";
b =parseFloat(b);
console.log(typeof a);
console.log("a="+a);
console.log(typeof b);
console.log("b="+b);
script>
结果为:
a=123
b=123.456
使用Boolean()函数
在JS中,如果需要表示16进制的数字,则需要以0x
开头
如果需要表示8进制的数字,则需要以0
开头
如果需要表示2进制的数字,则需要以0b
开头,但不是所有的浏览器都支持。如:像"070"这种字符串,有些浏览器会当成8进制解析,有些会当成10进制解析。
可以在parseInt()中传递一个第二个参数,来指定数字的进制
<script type="text/javascript">
a = "070";
//可以在parseInt()中传递一个第二个参数,来指定数字的进制
a = parseInt(a,10);
console.log(a);
script>
运算符也叫操作符。
通过运算符可以对一个或多个值进行运算,并获取运算结果
比如:typeof就是运算符,可以来获得一个值的类型,它会将该值的类型以字符串的形式返回number string boolean undefined object
当对非Number类型的值进行运算时,会将这些值转换成为Number然后再运算
任何值和NaN做运算都得NaN
+
:
两个值
进行加法运算,并将结果返回两个字符串
进行加法运算,则会做拼串,将两个字符串拼在一起,并返回任何值和字符串
做加法运算,都会先转换为字符串,然后再和字符串做拼串操作。-
:*
:/
:%
: <script type="text/javascript">
var a = 1 + 2 + "3"; //33
var b="1" + 2 + 3; //123
console.log("a="+a);
console.log("b="+b);
script>
结果为:
a=33
b=123
a,b都为String类型的
一元运算符,只需要一个操作数
+
正号,不会对数字产生任何影响
-
负号,可以对数字进行负号取反
对于非Number类型的值,它会先转换为Number,然后运算。
可以对一个其他的数据类型使用+,来将其转换为Number,它的原理和Number()函数一样。
<script type="text/javascript">
var a = 1 + "2" + 3; //123
var b = 1 + +"2" + 3; //6
console.log("a="+a);
console.log("b="+b);
script>
结果为:
a=123
b=6
a为String类型的,b为Number类型的
++
--
a--
的值等于原变量的值(自增前的值)--a
的值等于新值(自增后的值) <script type="text/javascript">
var a = 1;
console.log(a++); //1
console.log("a="+a); //2
var b =1;
var c =b++;
console.log("b="+b);//2
console.log("c="+c);//1
script>
JS中为我们提供了三种逻辑运算符
! 非
&& 与
|| 或
&& ||
非布尔值情况与运算
:或运算
: <script type="text/javascript">
var a = 2 && 1; //1
var b = 1 && 2; //2
var c = 0 && 2; //0
var d = 2 && 0; //0
var e = 0 && NaN; //0
var f = NaN && 0; //NaN
a = 2 || 1; //2
a = 1 || 2; //1
a = 1 || 0; //1
a = 1 || NaN; //1
a = NaN || 2; //2
a = NaN || 0; //0
a = "" || "hello"; //"hello"
script>
=
:可以将符号右侧的值赋值给左侧的变量
+=
:a+=5;等价于a=a+5;
-=
:a-=5;等价于a=a-5;
*=
:a*=5;等价于a=a*5;
/=
:a/=5;等价于a=a/5;
%=
:a%=5;等价于a=a%5;
通过关系运算符可以比较两个值之间的大小关系,如果关系成立,它会返回true;如果关系不成立,则返回false
任何值和NaN做任何运算都是false
>、 >= 、< 、<=
非数值的情况
两侧的值都是字符串
时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码。比较字符编码时,是一位一位进行比较;如果两位一样,则比较下一位,所以借用它来对英文进行排序。 <script type="text/javascript">
console.log("123123123" < "5");//true
console.log("123123123" < +"5");//false
script>
相等运算符用来比较两个值是否相等,如果相等会返回true,否则会返回false
==
:相等==
来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较!=
:不相等!=
来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型,然后再比较===
: 全等!==
: 不全等isNaN()函数
来判断一个值是否是NaN, 如果该值是NaN则返回true,否则返回false <script type="text/javascript">
console.log(null==0);//false
/*
* undefined衍生自null
* 所以这两个值做相等判断时,会返回true
*/
console.log(undefined==null);//true
/*
* NaN不和任何值相等,包括它本身
*/
console.log(NaN==NaN);//false
//判断b的值是否是NaN
/*
* 可以通过isNaN()函数来判断一个值是否是NaN
* 如果该值是NaN则返回true,否则返回false
*/
var b = NaN;
console.log(isNaN(b));//true
script>
条件运算符也叫三元运算符
语法:
条件表达式?语句1:语句2;
执行的流程:
条件运算符在执行时,首先对条件表达式进行求值,
如果该值为true,则执行语句1,并返回执行结果
如果该值为false,则执行语句2,并返回执行结果
如果条件表达式的求值结果是一个非布尔值,会将其转换为布尔值,然后再运算。
使用,
可以分割多个语句,一般可以在声明多个变量时使用
表中越靠上优先级越高,优先级越高越优先计算
如果优先级一样高,式子就从左往右计算
\u四位编码
<script type="text/javascript">
console.log("\u2620");
script>
编码;
(这里的编码需要的是10进制)<h1 style="font-size: 100px;">☠h1>