第⼀个JavaScript代码
既然我们的CSS就必须要要放再专门的style标签内那么javascript也需要放在⼦级的标签内，那就是script标签内
在页⾯中，我们可以在body标签中放⼊<script type=”text/javascript”></script>标签对⼉，<script type=”text/javascript”></script>标签对⼉
我们可以直接定义在body中也可以定义在heard中不过⼀般的都是定义在heard中的
<script type="text/javascript">
</script>
alert语句：
我们可以理解位是javascript的输出框因为不同语⾔有不同的输出这个可以理解位javascript的输出
<script type="text/javascript">
alert('⼤哥哥');
</script>
alert（英⽂翻译为“警报”）的⽤途：弹出“警告框”。
语法规则：
变量的命名：
javascript定义变量是需要在变量前加⼊var的
var a =666;
这个和解释性语⾔⼀样定义变量都是要在前⾯加上你要定义的变量的⼀些特别的类型或者指定的形势
定义变量⼀般⽤var  let来定义变量的在变量的前⾯加上 var或者let
//定义变量a和变量b
var a = 3
let b = 4
变量的命名规范
变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。
学习程序是有规律可循的就是程序是有相同的部分的这些部分就是⼀种规定不能更改，我们称为语法。
javascript不同于python⽽是像其他语⾔的以{}来进⾏区分的，然后它的结束也是要靠；分号来区分的
1）JavaScript对换⾏、缩进、空格不敏感。
备注：每⼀条语句末尾要加上分号，虽然分号不是必须加的，但是为了程序今后要压缩，如果不加分号，压缩之后将不能运⾏。3）JavaScript的注释：
　单⾏注释：
// 我是注释
  多⾏注释：　
/*
多⾏注释1
多⾏注释2
*/
备注：sublime或者pycharm中，单⾏注释的快捷键是ctrl+/，多⾏注释的快捷键是ctrl+shift+/。
JavaScript在⽹页中输出信息的写法
弹出警告框：alert("")
控制台输出：console.log("")
console.log("")表⽰在控制台中输出。console表⽰“控制台”，log表⽰“输出”。
控制台在Chrome浏览器的F12中。控制台是⼯程师、程序员调试程序的地⽅。程序员经常使⽤这条语句输出⼀些东西，来测试程序是否正确。//es6的语法模板字符串 `` tab键上⾯的键插变量使⽤${变量名}
console.log(`${first}爱${second}你`);
console.log(parseInt("2018你真帅！！"));
（2）所有的符号，都是英语的。⽐如括号、引号、分号。
⽤户输⼊：prompt()语句
prompt()语句中，⽤户不管输⼊什么内容，都是字符串。
prompt()就是专门⽤来弹出能够让⽤户输⼊的对话框。
他就相相当于python中的input的作⽤⼀样
下⾯就是这样
代码如下：
<script type="text/javascript">
a = prompt();
console.log(a);
</script>
然后你再你的F12中的console中可以看到你输⼊的信息
javascript的内接外接样式：
<title>Document</title>
<style>
javascript是什么意思中文翻译div{
height:100px;
width:100px;
background-color: red;
}
</style>
</head>
<body>
<div onclick = 'alert(111);'>
</div>
</body>
效果：
当你点击div⽣成的红⾊块之后就会显⽰弹出⼀个显⽰框
外接样式就是写在了heard中的样式，
<title>Document</title>
<style>
div{
height:100px;
width:100px;
background-color: red;
}
</style>
<script type="text/javascript">
alert(111);
</script>
</head>
<body>
<div>
</div>
</body>
效果都是⼀样的，就是你要在heard中定义script中定义⼀个可以接收javascript中的内容的标签
alert和prompt的区别：
alert("从前有座⼭");                //直接使⽤，不需要变量
var a = prompt("请输⼊⼀个数字");  // 必须⽤⼀个变量，来接收⽤户输⼊的值
直接量：数字和字符串
“直接量”即常量，也称为“字⾯量”。看见什么，它就是什么。
简单的直接量有2种：数字、字符串。
（1）数值的直接量的表达⾮常简单，写上去就⾏了，不需要任何的符号。例如：
alert(886);  //886是数字，所以不需要加引号。
（2）字符串也很简单，但⼀定要加上引号。可以是单词、句⼦等。
变量的类型
变量⾥⾯能够存储数字、字符串等。变量会⾃动的根据存储内容的类型不同，来决定⾃⼰的类型。数值型 number：
如果⼀个变量中存放了数字那么这个变量就是数值型的
<script type="text/javascript">
alert(111);
let a = 345;
console.log( typeof a);
</script>
从F12中查看的console
typeof()表⽰
它和python查数据类型的差不都就是
typeof()表⽰“获取变量的类型”，语法为：
typeof 变量
在JavaScript中，只要是数，就是数值型(number)的。⽆论整浮、浮点数（即⼩数）、⽆论⼤⼩、⽆论正负，都是number类型的。
字符串型：string
<script type="text/javascript">
alert(111);
let a = 345;
console.log( typeof a);
lec a = "abcde";
var b ='你好';
var e ='哈哈哈';
consloe.log( typeof a ,b, c);
// console.log(typeof b);
// console.log(typeof c);
//console.log()不能⼀次打印所有的必须要⼀次⼀次的输出
</script>
</head>
<body>
<div>
</div>
</body>
连字符和加号的区别
键盘上的+可能是连字符，也可能是数字的加号。如下：
console.log("我" + "爱" + "你");  //连字符，把三个独⽴的汉字，连接在⼀起了
console.log("我+爱+你");          //原样输出
console.log(1+2+3);            //输出6
总结：如果加号两边都是数值，此时是加。否则，就是连字符（⽤来连接字符串）。
变量值的传递（赋值）
语句：
a = b;
把b的值赋给a，b不变。
将等号右边的值，赋给左边的变量；等号右边的变量，值不变。
举个特殊的例⼦：
var a = "3";
var b = 2;
console.log(a-b);
效果：（注意，字符串 - 数值 = 数值）
变量格式转换
⽤户的输⼊
我们在上⾯的内容⾥讲过，prompt()就是专门⽤来弹出能够让⽤户输⼊的对话框。重要的是：⽤户不管输⼊什么，都是字符串。parseInt()：字符串转数字
parseInt()可以将字符串转数字。parse表⽰“转换”，Int表⽰“整数”（注意Int的拼写）。例如：
字符串转数字的⽅法：
parseInt(“5”);
parseInt()还具有以下特性：
（1）带有⾃动净化的功能；只保留字符串最开头的数字，后⾯的中⽂⾃动消失。例如：
console.log(parseInt("2018你真帅！！");
（2）⾃动带有截断⼩数的功能：取整，不四舍五⼊。
var a = parseInt(5.8) + parseInt(4.7);
console.log(a);
var a = parseInt(5.8 + 4.7);
console.log(a);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。