JavaScript编程语言
JavaScript,简称JS,是一种客户端脚本语言,主要用来向HTML网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)
JS主要运行于客户端(浏览器),也可以运行在服务端(操作系统)
JavaScript 和 Java 是两种不同的编程语言:JavaScript主要用于客户端,Java用于服务端。
JavaScript和HTML、CSS
-
HTML:提供网页的结构,提供网页中的内容
-
CSS: 用来样式排版、美化网页
-
JavaScript: 可以用来控制网页内容,给网页增加动态的效果
JavaScript特点
1.浏览器的脚本语言 可以跟html代码混排
2.跨平台
3.安全性好
4.兼容性
JavaScript作用
1.可以用来做页面特效
例如:电商平台上的图片来回切换等等
2.可用来做前端的表单验证
例如:前端验证码验证
JavaScript基本语法
JavaScript使用场景
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS基本使用</title>
</head>
<body>
<h1>JS的使用方式一</h1>
<script type="text/javascript">
//JS代码
alert('好好学习');//页面弹框显示 好好学习
</script>
<h1 id="1">JS的使用方式二</h1>
<script type="text/javascript" src="./1.js"></script>
<!--
引入的js文件代码
alert('好好学习'); //页面弹框显示 好好学习
-->
<h1 id="1" onclick="alert('点我干啥')">JS的使用方式三</h1>
<!-- (事件方式)点击文字弹窗 点我干啥-->
<a href="javascript:alert('我不是超链接')">JS使用方式四</a>
<!-- (a标签方式)点击文字弹窗 我不是超链接-->
</body>
</html>
变量名声明
字母数字下划线
注意:
首字母不能为数字
严格区分大小写
且不能使用关键字
注释:
单行注释 // 多行注释 /**/ 分隔符 ;
<script>
var str = 100;//定义变量str 赋值为100
alert(str);//弹框显示100
var STR = 200;
alert(STR);
var _str1 = 300;
alert(_str1);
var one_two = 400;
alert(one_two);
//错误变量定义
var 111 = 200; //定义变量111 赋值200
alert(111); //变量定义错误,不会弹框
var if = 100; //定义变量if 赋值200
alert(if); //变量定义错误,关键字不能作为变量名,不会弹框
</script>
输出值的三种方式:
<script>
var str = 10;
//第一种输出-弹框
alert(str);
//第二种输出-页面打印
documnet.write(str);
//第三种输出方式-控制台输出
console.log(str);
//输出数据类型
console.log(typeof(str));
</script>
常见变量类型:
string(字符串类型):
字符型的值需要加引号
例如:var str = 'aa'; var str1 = "上午好" ;
<script type="text/javascript">
var str = '100';
var str = 'aa'
console.log(str);
console.log(typeof(str));
</script>
boolean(布尔类型):
true 或 false
例如:var bool = true; var bool = false;
<script type="text/javascript">
var bool = true;
var bool = false;
console.