——JS代码要写到script标签中
控制浏览器弹出一个警告框
alert("第一个JS代码");
让计算机在页面中输出一个内容
document.write()可以向body中输出一个内容
向控制台输出一个内容console.log();
可以将js代码编写到标签的onclick属性中
当点击按钮时,JS代码才会执行
<button onclick="alert("dianyixia ");">点我一下</button>
可以将JS代码写到超链接的href属性中,当点击超链接时,会执行JS代码。不推荐写到标签属性中。
<a href="javascript:alert('dianjiyixia')">你也点我一下</a>
<a href="javascript:;">你也点我一下!</a>
可以将JS代码写到外部JS文件,通过script标签引入
写到外部可以在不同页面中同时引用,也可以利用浏览器的缓存机制
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
alert("我是script标签中的代码!");
</script>
一旦引用,其内部就不能编写代码了,需要创建新的script标签写代码
JS中严格区分大小写,每一条语句以分号结尾
——字面量和变量
字面量,都是一些不可改变的量,比如:1 2 3 4 5
变量,用来保存字面量,并且变量的值是可以任意改变的,开发中都是通过变量来保存一个字面量
<script>
// 声明变量
// var
var a;
// 变量赋值
a=123;
a=456;
a=23456762;
console.log(a);
// 声明和赋值同时进行
var b=789;
var c=0;
var age=80;
console.log(age);
console.log(c);
console.log(b);
</script>
标识符(在js中我们可以自主命名的都可以称为标识符)例如:变量名、函数名、属性名等。标识符中可以含有字母、数字、——、$。标识符不能以数字开头。不能是ES中的关键字或保留字。标识符一般采用驼峰命名法(即首字母小写,每个单词的开头字母大写)。
数据类型就是字面量的类型
在JS中一共有6种数据类型
String 字符串
Number 数值
Boolean布尔值
Null空值
Undefined 未定义
Object 对象
前5个属于基本数据类型,Object属于引用数据类型
在js中字符串需要使用引号引起来或单引号
引号不能嵌套,但双引号里可以放单引号,单引号里可以放双引号。
var str="hello";
str='他说:"今天天气不错!"';
console.log("hello");
/*
字符串中可以使用\作为转义字符
\"表示"
\' 表示'
\n 换行
\t 制表符
\\表示\
*/
str="他说:\"今天天气不错!\"";
console.log(str);
运算符也叫操作符
通过运算符可以对一个或多个值进行运算,并获取运算结果
算数运算符
当对非Number类型的值进行运算时,会将这些值转换为Number再运算
任何值和NaN做运算都得NaN
+
可以对两个值进行加法运算,并将结果返回
如果对两个字符串进行加法运算,则会做拼串,并返回
任何值与字符串做加法运算,都会转换成字符串,并做拼串处理
-
*
/
%
任何值做-*/运算时都会自动转换为Number
可以通过为一个值-0 *1 /1 来将其转换为Number
一元运算符,只需一个操作数
+正号 不会对数字产生任何影响
-负号 可以对数字进行负号的取反
对于非Number类型的值,会将其转换为Number再运算
+任意数据类型=Number类型
a++的值是自增前的值,
++a的值是自增后的值
a--的值是自减前的值
--a的值是自减后的值
// 逻辑运算符
// &&与
// ||或
// !非
var a=true;
a=!a;
console.log("a="+a);
// 对非布尔值进行运算,会将其转换为布尔值再运算
// 可以为一个任意数据类型取两次反,来将其转换为布尔值,原理和BOOlean()函数一样
var b=10;
b=!!b;
console.log("b="+b);
// 与运算:如果第一个值为TRUE,则返回第二个值
如果第一个值为false,则直接返回第一个值
// 或运算:如果第一个值为TRUE,则返回第一个值
如果第一个值为false,则直接返回第二个值
// 与运算:如果两个值都为TRUE,则返回后边的
// trur && true
var result=5 && 6;
// 如果两个值中有FALSE,则返回靠前的FALSE
// false && false
result=0 && 2;
result=0 && 2;
//false && false
result=0 && NaN;
result=NaN && 0;
===全等,!==不全等
/*
条件运算符也叫三元运算符
语法: 条件表达式?语句1:语句2;
条件运算符在执行时,首先对条件表达式进行求值,
如果该值为TRUE,则执行语句1,并返回执行结果
如果该值为FALSE,则执行语句2,并返回执行结果
*/
false ? alert("语句1") : alert("语句2");
var a=30;
var b=10;
a > b ? alert("a大") : alert("b大");
var max=a>b?a:b;
console.log("max="+max);
上面的优先级高,同一行从左到右计算。可以通过括号改变优先级。