JS一些基础知识

80 阅读1分钟

1、JavaScript是什么?

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

2、作用(做什么?)

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

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

ECMAScript: 规定了js基础语法核心知识。 比如:变量、分支语句、循环语句、对象等等 Web APIs : DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 注意 DOM属于BOM

一、引入方式

1、内部js

<body>
  
  <!-- 需写在body标签最后面,避免网页内容还没出现【浏览器解析代码从上至下】,js就出现 -->
  <script>
    alert('你好 JavaScript')
  </script>
</body>

2、外部js

<body>
  <!-- 引入外部js后,不能在此标签内再写内容 -->
  <script src="./02-外部js.js"></script>
    <!-- src写需要引入的js文件 -->
</body>

3、内联js

<body>
  <!-- 内联js写法,  不常用不推荐,容易写错 【了解即可】-->
  <button onclick="alert('我月薪过万了')">点我月薪过万</button>
  <button onclick="alert('我月薪也过万了')">点我月薪也过万</button>
</body>

二、注释

<body>
  <script>
    // 单行注释  ctrl + /
    // 
    /*
      多行注释 alt + shift + a 
     */
    alert('你好')
  </script>
</body>

三、输入和输出语句

<body>
  
  <script>
    // 页面输出
    document.write('我是直接在页面输出的');
​
    // 弹窗输出
    alert('我是弹窗输出的');
​
    // 控制台输出
    console.log('我是控制台输出的');
​
    /*-------------------------------------------*/
    // 输入
    // prompt('输入一段文字试试?');
    document.write(prompt('请输入你的名字'));
    username = prompt('你输入点什么?') // username接收输入的文字
    document.write(username) // 打印
  </script>
</body>

\