JavaScript基础

134 阅读1分钟

定义

js是一种运行在浏览器的编程语言,实现人机交互的效果

作用

  1. 网页特效
  2. 表单验证
  3. 数据交互
  4. 服务端编程(node.js)

组成部分

ECMAScript :规定了js基础语法核心知识

比如:变量、分支语句、循环语句、对象等等

Web APIs

  • DOM 页面标签
  • BOM 浏览器刷新

权威网站:MDN

书写位置

内部-自己用来写小demo

<body>
  <script>
    alert('点击这个js')
  </script>
</body>

注意事项:写在的上面

外部-工作中常用

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

<body>
  <script src="./JS/外部js.js"></script>
</body>

注意事项:script标签中间无需加内容,不然会被忽视

内联-不推荐使用

<body>
  <button onclick="alert('键盘敲烂,月薪过万')">加油</button>
</body>
</html>

注释

单行注释

符号://

快捷键:ctrll+/

块注释

符号:/* */

快捷键:ctrl+shift+/

结束符

分号;代表结束或者不写,直接按回车

可写可不写,因为会有工具统一格式化文档

输入和输出语法

输出语法

  1. document.write('要输出的内容')
 <script>
    document.write('输出语法1,加单引号')
  </script>
  1. alert('要输出的内容')

      <script>
        alert('这是一个js')
      </script>
    
  2. console.log('控制台打印')比较推荐的写法

     <script>
        console.log('比较推荐的输出语法');
      </script>
    

输入语法

prompt('输入的内容')

输入和输出的小案例:

<body>
  <script>
   username = prompt('请输入你的姓名?')
   document.write(username)
  //  console.log(dinner);
  </script>
</body>

获取多个值输入输出,输出内容左右隔开,中间+号

<body>
  <script>
    name=prompt('请输入你的姓名')
    sex=prompt('请输入你的性别')
    hobby=prompt('请输入你的爱好')
    addres=prompt('请输入你的住址')
    telephone=prompt('请输入你的电话')
    document.write( name + sex + hobby + addres + telephone)
  </script>
</body>