前端学习1 | javaScript基础

72 阅读1分钟

1. javaScript 基础介绍

1.1 JavaScript 是什么

1.JavaScript (是什么? )

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

2.作用 (做什么? )

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

3.JavaScript的组成(有什么? )

ECMAScript

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

Web APIs

  • DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作
  • BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

JavaScript权威网站: developer.mozilla.org/zh-CN/docs/…

1.2 JavaScript 书写位置

  • 内部javaScript
    直接写在html文件里,用script标签包住规范: script标签写在 /body 上面
    拓展: alert(你好,js”) 页面弹出警告对话框
  • 外部javaScript
    代码写在以.js结尾的文件里
    语法:通过script标签,引入到html页面中
<body>
   <script src="./js/my.js"></script>
</body>
  • 内联JavaScript
    代码写在标签内部
    语法: 注意: 此处作为了解即可,但是后面vue框架会用这种模式
<body>
  <button onclick="alert("逗你玩~~~')">点击我月薪过万</button>
</body>

1.2 JavaScript 输入输出语法

输出语法
document.write('')
alert('')
console.log('')
输入语法
显示一个对话框
prompt('')