初识JavaScript

最新推荐文章于 2021-09-07 06:11:22 发布

xiaopang_0724

最新推荐文章于 2021-09-07 06:11:22 发布

阅读量139

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xiaopang_0724/article/details/80387232

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 + '&times;' + 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>