您的当前位置:首页正文

JavaScript基础知识总结笔记

2024-11-29 来源:个人技术集锦

一、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的数据类型


5.凡是用引号完整包裹的数据类型就是字符串

var  hd='今天你好吗';

var  hd='hjkbjhgk';

检测变量类型

var re= typeof  hd;---检测hd这个变量的数据类型

documen.write(re);  输出hd的数据类型

数值类型和字符串的区别就是有没有引号包裹

6.布尔值(只有是和否)

布尔值只有两个值,真和假

var   hd = 4>7;


7.对象

var  hd= {};

九、字符串拼接

1.页面弹出对话框,输入名字后点击确定,页面显示输入的名字

显示全文