网页中插入JavaScript脚本的方法
使用<script>标记将脚本嵌入到网页中(嵌入式)
<script> alert("hello") </script>
直接将脚本嵌入到HTML标记的事件中(行内式)
<button onclick="alert(123)">按钮</button>
通过<script>标记的src属性链接外部脚本文件(链接式)
<script src="index.js"></script>
补充:
(1)单行注释: //
(2) 多行注释: /*… */
(3)每个语句以 “;”号结束
JavaScript变量
- 用“var”关键字来定义变量,并可以将其初始化为任何值
- 变量中存储的值可以改变。
var name ="XiaoMing"; //字符串
var age=18; //数值
var school="CSU";
var male=true; //布尔值false
关键字及保留字
break
else
new
var
case
finally
return
void
catch
for
switch
while
……….
abstract
enum
int
short ..........
变量命名规范
首字符必须是字母、下划线或美元符号。
余下的字母可以是下划线、美元符号、任意字母或者数字。
变量名不能是关键字或保留字。
变量名区分大小写。
变量名中不能有空格、回车符或其他标点字符。
为了符合编程规范,推荐使用驼峰式命名方式:当变量名由多个英文单词组成时,第一个英文单词全部小写,以后每个英文单词的第一个字母大写。
var userName;
JavaScript运算符
运算符是指完成操作的一系列符号,也称为操作符。
运算符用于将一个或多个值进行运算并返回结果。
使用运算符的值称为操作数。
运算符和操作数的组合称为表达式。
var num1=23,num2=5;
var result;
result=num1+num2;
alert ( result ); //28
JavaScript运算符的类型
1.算术运算符
+、-、*、/、%、++、- -
2.比较(关系)运算符
(比较运算符的结果一定是布尔值(true,false)>、<、>=、<= 、==、===、!=、!==
3.逻辑运算符 && 、 || 、 !
&&(逻辑与 and): 两边都为真,结果才为真
|| (逻辑或 or): 只要一边为真,结果就为真
!(逻辑非 not):右边为假,结果为真,右边为真,结果为假
var result=(3>5)||(6>=4);//true
result=(6==6)&&(!(6<7))//false
1.逻辑与(&&)
对于布尔值,逻辑与是非常简单的,只要有一个false,就返回false;
对于不是布尔值的情况则:
如果第一个操作数是对象,则返回第二个数
如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回 该对象;
如果两个操作数都是对象,则返回第二个操作数
如果有一个操作数是null,则返回null
如果有一个操作数是NaN,则返回第NaN
如果第一个操作数是undefined,则返回undefined
2.逻辑或(||)
对于布尔值,逻辑或是非常简单的,只要有一个true,就返回true;
对于不是布尔值的情况则:
如果第一个操作数是对象,则返第一个操作数
如果第一个操作数的求值结果为false,则返回第二个操作数
如果两个操作数都是对象,则返回第一个操作数
如果两个操作数是null,则返回null
如果两个操作数是NaN,则返回NaN
如果两个操作数是undefined,则返回undefined
3.逻辑非(!)
如果一个操作数是一个对象,返回false;
如果一个操作数是一个空字符串,返回false;
如果一个操作数是一个非空字符串,返回false;
如果一个操作数是一个数值0,返回true;
如果一个操作数是任意的非零字符,返回false;
如果一个操作数是null,返回true;
如果一个操作数是NaN,返回true;
如果一个操作数是undefined,返回true;
4.赋值运算符
= 、+= 、-=、*=、/= 、%=
var a=3;b=“4”;
a+=3; // a=a+3;
a-=3;
赋值:表示把赋值符号右侧的表达式的结果存入左侧的变量。
5.连接运算符 +
只要“+”一边的操作数为字符串型数据,则不再执行加法运算,而执行连接运算。
连接后的结果为字符串型数据。
运算符优先级
小括号>算术运算符>比较运算符>逻辑运算符>赋值运算符
var a=5,b=3;
var c;
c=a+b>3&&a<a-b*2;
网友评论