一、js的两种引入方式
1.<script type="text/javascript">
自己编写的js代码
</script>
将上面的代码放在<head></head>或者<body></body>之间
2.直接保存为js文件,然后外部调用<script type="text/javascript" src="js文件"></script>
二、JavaScript的三种输出形式
1.alert():弹窗,会以文本的原格式输出
2.document.write ()输出到页面,会以HTML的语法解析里面的内容
3.prompt('提示文字','默认值'):输入框---不常用
<script type="text/javascript" >
alert('hflahgfah');
document.write('hgalghakngi');
prompt('请输入你的密码')
prompt('请输入你的金额','fgghfhh')
</script>
备注:单引号双引号用法----js中单引号、双引号没有区别,单引号内不能用单引号,双引号内不能用双引号,中文双引号不在这个范围内,单引号可以包裹双引号,双引号可以包裹单引号
三、JavaScript中注释方法
html注释:<!-- 代码或文字-->
css\js大块区域注释:/* 代码 */
js单行注释: //
四、变量
1.先声明再赋值
var name; 声明变量
name = '被子ggg'; 给变量赋值
alert(name);
备注:区分一下alert('name')和alert(name)区别
2.边声明边赋值
var name = '被子ggg';
document.write(name);
3.批量创建变量然后赋值---不常用
var name,age,sex;
name='黎明';
age='30';
sex='爷们';
alert(name);
4.批量创建并且赋值---不常用
var name='李四',age='25',sex='男';
五、变量声明注意事项
1.严格区分大小写
2.变量的命名必须以字母或_或$开头,余下的部分可以是任意字母、数字,或者是_或者是$( _ $ 和普通字母用法一样)
3.不能用关键字或者保留字命名
4.JavaScript自己的命名习惯
驼峰名命法genElementById
var studentnamelist;
var studentNameList; 比较好区分是由三个单词拼合而成
var student_name_list;
5.命名一定要有意义
6.分号的用法(记忆技巧:和古诗中的逗号用法一致)
六、变量的特点
1.如果变量被重新声明,但是没有被重新赋值,那么变量的值是不会改变的
<script>
var hd='你好';
var hd;
alert(hd);
</script>
输出结果---你好
2.如果变量被重新声明并且被重新赋值了,那么变量的值就会发生改变
<script>
var hd='你好';
var hd='她好';
alert(hd);
</script>
七、分号的用法
分号表示一段功能体的结束,如果有换行,可以不用加分号。(一句话可以是一个功能)
要求:凡是能加分号的地方,一定要加分号!!!
八、JavaScript六大数据类型
1.变量类型就是数据类型
2.被声明,但是没有被赋值的空变量类型是undefined
var hd;
检测变量类型
var re= typeof hd;---检测hd这个变量的数据类型
documen.write(re); 输出hd的数据类型
3.Null 结果是空的
4.整数和小数(浮点数)都是数值类型
var hd=3.1415926;
检测变量类型
var re= typeof hd;---检测hd这个变量的数据类型
documen.write(re); 输出hd的数据类型
var hd='今天你好吗';
var hd='hjkbjhgk';
检测变量类型
var re= typeof hd;---检测hd这个变量的数据类型
documen.write(re); 输出hd的数据类型
数值类型和字符串的区别就是有没有引号包裹6.布尔值(只有是和否)
布尔值只有两个值,真和假
var hd = 4>7;
7.对象
var hd= {};
九、字符串拼接
1.页面弹出对话框,输入名字后点击确定,页面显示输入的名字
2.怎么在字符串里面把变量独立出来
备注:结果hd不能替换为输入的名字
在字符串中将变量独立出来的方法:将变量左右两侧都变成完整的字符串,然后用加号链接
3.用户输入账号和密码并在页面显示出来,这里涉及到两个变量,名字和密码
+加号如果在字符串中间,表示链接字符串
十、JavaScript运算符
1.算数运算符
如果加号两边是字符串,那么加号用来连接字符串 var re = '12'+'5' ,12和5都是字符串
如果加号两边都是数字,那么加号表示加法运算
js的运算能力一般,一般不用来进行精准运算
var re = 1+1; 加法运算符
var re = 9-2; 减法运算符
var re = 5*6; 乘法
var re = 9/2; 除法
vas re = 9%2; 取余数
document.write(re);
//取余数 ,使用百分号
例子:判断奇数偶数
例子:用户输入数字判断奇数偶数
//加加写在前面和后面的区别
++写在前面表示自私,先自增,再参与运算
++写在后面表示无私,先参与运算,再自增
减减的方法和加加一样
2.关系运算符----大于、小于、等于、小于等于、大于等于、不等于(一个等号表示赋值,两个等号表示比较)
== 只判断内容,不判断类型
=== 全等于 ,既判断内容,又判断类型
!= 不等于,只判断内容,不判断类型
!== 全不等于,既判断内容,又判断类型
不等于
!= 不等于,只判断内容,不判断类型
!== 全不等于,既判断内容,又判断类型
比较运算符特点
3.赋值运算符
4.逻辑运算符 -----与、或、非
与:两边都成立为真,结果才是真的
或:一个真的,结果就是真的
非:假的变成真的,真的变成假的
例子:非
逻辑运算符注意事项:
5.三元表达式
条件成立输出前面的,不成立输出后面的