02-第一个JavaScript代码
Posted 897463196-a
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了02-第一个JavaScript代码相关的知识，希望对你有一定的参考价值。
一、javascript代码的使用
在页面中，放入如下标签对：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>流浪者</title> <style> div font-size: 40px; font-weight: bold; font-family: "华文行楷"; </style> </head> <body> <script> alert("hello") </script> <div>流浪者流浪者</div> </body> </html>
alert的用途：弹出警告框
语法规则
学习程序，是有规律可循的，就是程序是有相同的部分，这些部分就是一种规定，不能更改，我们称为：语法。
1、JavaScript对缩进、换行、空格不敏感；（每一条语句末尾都要加；）
2、所有的符号都是英文的，比如逗号，引号，分号。
3、JavaScript的注释
单行注释：//
多行注释：/*内容*/
备注：sublime中，单行注释的快捷键是ctrl+/，多行注释的快捷键是ctrl+shift+/。
二、JavaScript在网页中输出信息的写法
1.弹出警告框 alert（" "）
2.控制台输出 console.log（" "）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>流浪者</title> <style> div font-size: 40px; font-weight: bold; font-family: "华文行楷"; </style> </head> <body> <script> console.log(‘hello javascript‘); </script> <div>流浪者流浪者</div> </body> </html>
3.用户输入prompt
prompt主要是用来弹出让用户输入的对话框。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div 8 font-size: 40px; 9 font-weight: bold; 10 font-family: "华文行楷"; 11 12 </style> 13 14 </head> 15 <body> 16 17 <script> 18 var a = prompt("今天是什么天气？"); 19 console.log(a); 20 </script> 21 22 <div>流浪者流浪者</div> 23 24 </body> 25 </html>
点击确定，控制台输入用户输入的内容。（用户输入的内容被传递到了a变量中）
prompt（）语句中，用户输入的内容都是字符串。
alert和prompt的区别：
alert("从前有座山"); //直接使用，不需要变量 var a = prompt("请输入一个数字"); // 必须用一个变量，来接收用户输入的值
4.直接量：数字和字符串
直接量就是常量。也称字面量。看见什么，他就是什么。
1.数值的直接量不需要任何的符号，写上去就行。例如：
alert(456); //456是数字，不用加引号
2.字符串一定要加引号。例如：
alert("你好");
三、变量
1.变量的定义和赋值
var a = 100;
定义变量：var就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的小词语。关键字后面一定要有空格隔开。
变量的赋值：等号表示赋值，将等号右边的值，赋给左边的变量。
变量名：我们可以给变量任意的取名字。
变量必须先定义才能使用，不然会报错。
写法：
var a; //定义 a = 100; //赋值 console.log(a); //输出
还可以这样写：
var a = 100; //定义a，将100赋值给a
console.log(a); //输出a
2.变量的命名规范
变量名只能以字母、数字、下划线、美元$组成，且不能以数字开头，不能是JavaScript的保留字。
大小写敏感，A和a是两个变量
3.变量的类型
数值型：number
如果一个变量中存放了数字，那么这个变量就是数值类型的。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div 8 font-size: 40px; 9 font-weight: bold; 10 font-family: "华文行楷"; 11 12 </style> 13 14 </head> 15 <body> 16 17 <script> 18 var a = 100; 19 console.log(typeof a); 20 </script> 21 22 <div>流浪者流浪者</div> 23 24 </body> 25 </html>
在JavaScript中，只要是数，就是数值型(number)的。无论整浮、浮点数（即小数）、无论大小、无论正负，都是number类型的。
typeof（）表示获取变量的类型。语法：
typeof 变量
字符串：string
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div 8 font-size: 40px; 9 font-weight: bold; 10 font-family: "华文行楷"; 11 12 </style> 13 14 </head> 15 <body> 16 17 <script> 18 var a = "abcde"; 19 var b = "路飞"; 20 var c = "123123"; 21 var d = "哈哈哈哈哈"; 22 var e = ""; //空字符串 23 24 console.log(typeof a); 25 console.log(typeof b); 26 console.log(typeof c); 27 console.log(typeof d); 28 console.log(typeof e); 29 </script> 30 31 <div>流浪者流浪者</div> 32 33 </body> 34 </html>
4.连字符和加好的区别
如果加好两边都是数值，此时是加，否则是连字符。
5.变量的赋值
a = b;
把等号右边的值，赋值给左边的变量，等号右边的变量，值不变。
6.变量格式转换
parseInt（）：将字符串转换为数字。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div 8 font-size: 40px; 9 font-weight: bold; 10 font-family: "华文行楷"; 11 12 </style> 13 14 </head> 15 <body> 16 17 <script> 18 var a = ‘5‘; 19 console.log(parseInt(a)); 20 console.log(typeof parseInt(a)); 21 </script> 22 23 <div>流浪者流浪者</div> 24 25 </body> 26 </html>
parseInt（）还具有一下特性：
1.带有自动净化的功能；只保留字符串最开头的数字，后面的中文自动消失。
2.自动带有截断小数的功能：取整，不四舍五入。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 <style> 7 div 8 font-size: 40px; 9 font-weight: bold; 10 font-family: "华文行楷"; 11 12 </style> 13 14 </head> 15 <body> 16 17 <script> 18 console.log(parseInt("2078你好")); 19 console.log(parseInt(5.6 + 7.2)); 20 </script> 21 22 <div>流浪者流浪者</div> 23 24 </body> 25 </html>
作者：流浪者
日期：2019-09-03
以上是关于02-第一个JavaScript代码的主要内容，如果未能解决你的问题，请参考以下文章