码迷,mamicode.com
首页 > 编程语言 > 详细

03JavaScript程序设计修炼之道 2019-05-19_14-33-19--05-19_15-09-07 js简介与基本使用、变量与常量

时间:2019-06-30 23:10:55      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:前置   分支   log   ice   客户端   web   程序   变量赋值   int   

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>

 

03JavaScript程序设计修炼之道 2019-05-19_14-33-19--05-19_15-09-07 js简介与基本使用、变量与常量

标签:前置   分支   log   ice   客户端   web   程序   变量赋值   int   

原文地址:https://www.cnblogs.com/HiJackykun/p/11111680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!