JavaScript简明教程-----01
一、JS介绍
网页开发分为了:
JavaScript,
CSS,
HTML
其中,CSS是控制样式的
HTML是控制网页的结构的
JavaScript是控制网页的行为的。
在网页中,引入JavaScript有三种方式:
1、内部引入
2、外部引入
3、元素事件引入
二、变量的定义
在JavaScript语言中,
定义一个变量主要是使用 var的方式
例如:
var a = 1057;
var b = 1064;
var c = 1045;
如果你接触了 es6 ,那么还有两种方式进行变量的定义:
1、let
2、const
let 是定义一个局部的变量,一般会在函数中进行使用,而 const 是定义一个常数了啦。
例如:
使用 function 关键字可以定义一个函数。
function say_hello()
{
let name = "Tom";
document.write("Hello World! </br>");
document.write("From </br>");
document.write(name);
}
say_hello();
在这里,let 是定义了一个局部变量 name,let name = “Tom”,
意思是换行。
注意,在JavaScript中,所有的变量都是这么定义的,不管它是什么类型,都是用 var, let, const的呦~
三、数据类型
1、数字
在JavaScript中,只有数字这样一个数据类型,所有的 int float double 都是数字类型的
2、字符串
字符串大家肯定非常熟悉,这里就不必多说了,我们后面讲几个字符串的内置函数以及属性就可以了。
3、布尔值
true
false
这两个值大家肯定也是十分熟悉的吧,就是在循环以及选择语句的时候会经常使用到的一个判断的数值啦。
4、未定义值
如果只是进行了声明而并没有进行赋值,那么就是一个未定义的值了啦
undefined
5、空值
如果一个变量的值为 null ,那么,
系统就不会分配内存空间
null
四、运算符
1、算数运算符
加:+
减:-
乘:*
除:/
取余:%
自加一:++
自减一:–
2、赋值运算符
等于:=
加等于:+=
减等于:-=
乘等于:*=
除等于:/=
3、比较运算符
等于:==
大于:>
小于:<
大于等于:>=
小于等于:<=
不等于:!=
4、逻辑运算符
与:&&
或:||
非:!
5、条件运算符
var a = 条件 ? 表达式1 : 表达式2
其中:
条件为 true 选择表达式1
条件为 false 选择表达式2
五、表达式
表达式是由变量(操作数),操作符等构成的
六、类型转换
1、隐式类型转换
var a = 1057;
var b = "i love you";
var c = a + b;
document.write(c)
这个例子就是把 a = 1057 这个数字变量强制转换为了字符串对象。
2、显示类型转换
1)字符串转换为数字
Number()
parseInt()
parseFloat()
第一种方法是转换为数字,
第二种方法是转换为整型数字,
第三种方法是转换为小数数字。
例如:
(这里写一个简单的完整的网页吧)
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>
the_first_html
</title>
</head>
<body>
<script type = "text/javascript">var str_0 = "1057.1045";
document.write(Number(str_0));
document.write("</br>");
document.write(parseInt(str_0));
document.write("</br>");
document.write(parseFloat(str_0));
document.write("</br>");</script>
</body>
</html>
我们运行上述代码,效果图如下图所示:
以及
2)数字转换为字符串
如果需要把一个数字转换为字符串,那么就需要进行使用 toString()方法来实现:
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>
no title
</title>
<script type = "text/javascript">var a = 2017;
var b = a.toString() + 1000;
document.write(b);</script>
</head>
<body>
</body>
</html>
在这里也是写了一个完整的HTML了啦。
效果图如下所示:
以及
这个就是显性的强制转换将数字转换为了字符串的方法
toString()啦~
七、准转义字符
" 对应于---- "
’ 对应于---- ’
\n 对应于---- 换行
注意一下:
\n 是在一个字符串中的换行
而
<br/> 是在 document.write() 中的换行
八、注释的写法
在JavaScript中,有单行注释以及多行注释之分:
1、单行注释
// 这是 JavaScript 的 单行注释
// 单行注释
2、多行注释
<script type = "javascript">/*
这是 JavaScript 的多行注释
这是 JavaScript 的多行注释
这是 JavaScript 的多行注释
这是 JavaScript 的多行注释
这是 JavaScript 的多行注释
*/
document.write("hello world ! ")</script>
当然,多行注释也可以写一些单行注释的啦~~~
以上就是js学习的第一部分内容,后续我会持续的进行更新的,希望大家多多关照了啦~~~