JavaScript——Js
- 2005年Ajax 异步的不刷新界面的时候,从后台加载数据,js开始流行
- 2010年commonjs和nodo.js的出现使js可以写服务器
- React Native JSX 写一套东西可以打包成安卓和ios两套东西
- Web = HTML + CSS + JavaScript
- JavaScript = ECMAScript(语法规范) + BOM(浏览器对象模型) + DOM(文档对象模型)
"""
使用 window.alert() 弹出警告框
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素
使用 textContent 写入文字
使用 console.log() 写入到浏览器的控制台。
访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。
var 声明变量
变量大小写敏感
变量由字母,_,$,数字构成,数字不能开头
数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、
对象(Object)、空(Null)、未定义(Undefined)。
and : &&
or : ||
if 结构
if() {
}
else {
}
for 结构
var mySum = 0;
一般不要使用++ -- 这样有副作用
for (var i = 1; i <= 100; i += 1) {
mySum += i;
}
while 结构
var myResult;
var num = 1;
while (num < 5) {
myResult *= num;
num += 1;
}
switch 结构
var face = parseint(Math.random() * 6 + 1);
switch (face) {
case 1:
case 2:
case 3:
default:
}
if (face == 1) {
} else if (face == 2) {
}
这两种效果是一样的,switch更适合等值运算
eval("3 + 5")
评估计算函数, 给一个有效的表达式,可以算出值
"""
打印九九乘法表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.foo tr td{
width: 100px;
text-align: center;
border: 1px solid black;
}
</style>
</head>
<body>
<script>
mulTable();
function mulTable() {
document.write('<table class="foo">');
for (var row = 1; row < 10; row += 1) {
document.write('<tr>');
for (var col = 1; col <= row; col += 1) {
document.write('<td>');
document.write(row + '×' + col + '=' + row * col);
document.write('</td>');
}
document.write('</tr>');
}
document.write('</table>');
}
</script>
</body>
</html>
生成随机名单
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p id="demo">点击生成随机名单</p>
<button onclick="foo()">点我</button>
<script type="text/javascript">
function foo() {
var students = ["A", "B", "C", "D", "E"];
var after_stu = [];
var j = 0;
while (j < 3) {
var index = parseInt(Math.random() * students.length);
after_stu[j] = students[index];
students.splice(index, 1);
j += 1;
}
var x = document.getElementById("demo");
x.innerHTML = after_stu;
}
</script>
</body>
</html>