es.md
JavaScript程序设计修炼之道
-前置知识 html5+css3 -课程大纲 1.客户端原生js(es6/es7/..) 2.js常用库 jq等 3.服务端js(node/express/koa) 4.前端js框架(vue/react/..) ...
-课程地位 学好js，走遍天下都不怕，是web前端或web全栈开发最重要最核心的技术，直接决定职业收入和发展
客户端原生javascript(es5/es6/es7/...)
js简介与基本使用
html 标记语言 css
javascript(js) 客户端程序 服务器端 数据库 程序设计语言
js书写位置
1 在html页面body元素末尾放置最好
<script type="text/javascript">
alert("hello js");
</script>
2 行内式（了解）
3 外链式 （项目中使用）
常用的输出语句
alert("内容") 弹窗
console.log("信息"); 控制台输出
document.write("..")
变量与常量
es5 var
es6 let/const
数据类型及其转换
运算符
算术 + - * / ++ -- %
赋值运算符 =
关系 > < >= <= == === != !==
&& || !
?:
,
流程控制结构
+ 顺序
语句从上往下 从左到右依次执行
+ 选择（分支）
if/if-else/switch
+ 循环（重复）
while/for/do-while
函数
对象
数组
字符串
Date/Math/...
index.js
console.log("welcome to study"); // 控制台输出
1getting-start.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div onclick="alert(123);">hello world</div>
<script src="./js/index.js">
</script>
<script type="text/javascript">
alert("hello js");
alert("ok");
</script>
</body>
</html>
2printMessage.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!--mmmm -->
<script>
/*
alert("ok");
alert(123);
*/
// console.log()
// console.log("猜猜我在哪里呢");
// document.write("哈哈 好喜欢js");
document.write("<h1>哈哈 好喜欢js</h1>");
</script>
</body>
</html>
3variable.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/* 变量 其值可以发生改变
var 变量名 = 值;
变量名 1 字母 数字 下划线 $
2 不要以数字开头
3 不能是关键字 var if else for while......
4 建议起专业名字
5 建议驼峰式命名 从第二个单词开始首字母大写
*/
/*
var x; // 变量声明
x = 20; // 变量赋值
*/
var x = 20; // 20常量
var a,b,c;
var studentAge = 20;
var sex = "M";
//var 3d; 错误
//var %4; 错误
alert(x);
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/HiJackykun/p/11111680.html
时间： 2024-11-10 04:30:26