JavaScript-小白日记- 第一天

135 阅读3分钟

1、JavaScript 是什么?

是一种运行在客户端(浏览器),实现人机交互效果。

2、作用
  1. 网页特效 (监听用户的一些行为让网页作出对应的反馈)
  2. 表单验证 (针对表单数据的合法性进行判断)
  3. 数据交互 (获取后台的数据, 渲染到前端)
  4. 服务端编程 (node.js)

JavaScript的组成

ECMAScript:

  • 规定了js基础语法核心知识。
    
  • 比如:变量、分支语句、循环语句、对象等等
    

Web APIs :

  • DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
    
  • BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等
    
  • 权威网站: MDN(可查询Js指南)
    

JavaScript 书写位置

1、内部样式

直接写在html文件里,用script标签包住

规范:script标签写在上面

例如:

<body>
    <script>
        alert(‘你好,js’) 页面弹出警告对话框
    </script>
</body>
2、外部 JavaScript

代码写在以.js结尾的文件里

语法:通过script标签,引入到html页面中。

例如:

<body>
    //通过src引入外部Js文件
    <script src="dmw.js"></script>
</body>
3、内联 JavaScript

代码写在标签内部

语法:

<body>
    <button onclick="alert("逗你玩~~~')">点击我</button>
</body>

注意: 此处作为了解即可,但是后面vue框架会用这种模式

JavaScript 注释

1、单行注释

符号://

作用://右边这一行的代码会被忽略

快捷键:ctrl + /

2、块注释

符号:/* */

作用:在/* 和 */ 之间的所有内容都会被忽略

快捷键:shift + alt + A

JavaScript 结束符

结束符
  • 代表语句结束
  • 英文分号 ;
  • 可写可不写(现在不写结束符的程序员越来越多)
  • 换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行
  • 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
  • 但为了风格统一,要写结束符就每句都写,要么每句都不写(按照团队要求.)
<body>
    <script>
        alert(1);
        alert(2);
    </script>
</body>
<body>
    <script>
        alert(1)
        alert(2)
    </script>
</body>

输入和输出语法

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。

1、输出语法
document.write('输出的内容')
向body内输出内容
如果输出的内容写的是标签,也会被解析成网页元素

alert('要输出的内容')
页面弹出警告对话框

console.log('控制打印台')
控制台输出语法,程序员调试使用
JavaScript 输入输出语法

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。

输入语法:

prompt('请输入')

显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字

字面量

在计算机科学中,字面量(literal)是在计算机中描述 事/物

比如:

我们工资是: 1000 此时 1000 就是 数字字面

'刘亦菲' 字符串字面量

还有接下来我们学的 [] 数组字面量 {} 对象字面量 等等