javascrpit+书写位置+注释+ js的输出语句+变量：存放数据的容器

最新推荐文章于 2022-08-20 11:09:12 发布

科技达人ლ(′◉❥◉｀ლ)

最新推荐文章于 2022-08-20 11:09:12 发布

阅读量172

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/m0_56175362/article/details/115773395

版权

js 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括语言简介、在HTML中的书写位置、如何进行注释、常用的输出语句以及变量的使用，是学习JS入门的良好起点。还提供了实践练习帮助巩固概念。

摘要由CSDN通过智能技术生成

js简介

**HTML**  网页的结构
**CSS** 网页的表现
**Javascript**  网页的行为
                      在这里插入代码片 用户与网页的交互
                       网页的特效


**ECMA:**
     **ECMAScript**：js语言的标准。
     **javascript**：现实。
       
     ES5      ES5 = ES2015     ES2016      ES2017

      javascript组成：
       ECMAScript:js语言的语法，包含于和定义对象，定义变量，书写表达式等等。
       BOM:操作浏览器部分功能。比如：操作滚动条，操作历史记录。
       DOM：操作网页上的元素，让元素移动，改变class属性值，图片的轮播。

  <h1 class=" hidden">标题</h1>
   <h1 class="active hidden">标题</h1>

书写位置

**alert**(要弹出的内容)
     在浏览器中弹出出一个消息框，要弹出的内容需要用双引号包裹，如果是数字，可以不用。
     书写位置：
       **1、行内是**（强烈不推荐！）
           需要配合行为，比如说点击事件。
           a标签是一个特殊的标签，因为他本身就是有点击效果。一般它的点击事件我们会书写在href属性中。
        **2.内嵌式**（不推荐）
           通过script标签书写。
           1.书写的位置可以随意。但是推荐herd的末尾或者body的末尾。
           2.一个页面可以书写多个script标签，会按照从上往下的顺序执行。
           3.不需要行为，打开页面会自动执行script标签中的内容。
          **3.外链式**（强烈推荐）
              通过script标签的src属性引入一个外部的js文件。
            **【注意】：**
                 外链式与内嵌式不要同时在一个script标签上，如果同时作用，script标签中的内容会被忽略。

  <div id="box" onclick="alert(3)"></div>
   <a href="javascript:alert(3);">小伙子，想变强吗</a>

注释：

对代码解释说明。、对用户来说，一般是不可见的，主要是开发人员去读写的。
单行注释
//    快捷键：ctrl+  /
多行注释
      /* 
        多行
        多行
      */
      快捷键：shift + alt + a

      修改快捷键：
        左下角的齿轮==>键盘快捷方式==>输入 '注释' ==> 点击块注释前面的笔标记 进行修改即可。
   -->

js的输出语句

 1.alert：在浏览器中弹出一个消息框。
   alert弹出时，会阻止它下面的代码的执行。
 alert必须点击后，才会消失，才会执行下面的代码。
 
 2.console.log（要输出的内容）在控制台输出。
 
 3.document.write(要输出的内容)在页面中输出。
 内容中如果有标签，则会将其解析。

<script>
    console.log("这是在控制台输出的语句！");
    document.write("<h1>你好，吗！</h1>");
  </script>

变量：存放数据的容器。

优点： 
          1.一次定义，多次使用。
          2.方便维护。


定义：
       关键字：var    variate的缩写。
       格式： var  变量名。
       中间一定要有空格。
       变量定义完成后，只是完成了容器的定义，里面没有任何的值，如果此时使用，会提示：undefined  未定义。
       
      Uncaught ReferenceError: a is not defined  a变量不存在。

赋值：
    使用赋值运算符    =
    将等号右边的值，赋值给左边的变量。
    可以将定义和赋值书写在一起。
   var a;a=10; ====> var a = 10;
   【注意】
   1.如果等号右边是一个变量，则表示将变量中存放在赋值给左边的变量。
   2.如果一个变量赋值了多次，则以最后一次赋值的结果为最终结果。
   3.如果没有var关键字，也不报错，但是强烈不推荐这么写！！！
   4.声明多个变量时，可以简写，一个var后面可以多个变量名，变量名之间用逗号隔开，声明变量时，也可以直接赋值。



变量的声明提升：js会将程序中要用到的变量，变量的声明，执行顺序提升到最前面。
console.log(a);
      var a = 10;
      真正的执行顺序为下面的代码：
      var a;
      console.log(a); // undefined
      a = 10;
      console.log(a); // 10


命名规则与规范
      规则：强制性，必须遵守
        1.变量只能由数字，字母，下划线，美元符（$）组成。
        2.不能以数字开头。
        3.不能使用关键字或保留字。
          关键字：js中有特定功能的字符。
          保留字：js中现在还没有特定功能的字符，但是以后可能有。
      规范：约定俗成，建议遵守。
        1.不要用中文命名。
        2.不要用拼音。
        3.见名知意。
        4.驼峰命名法：当一个变量是由多个单词组成时，从第二个单词开始，首字母大写。

      【注意】
        js命名会严格区分大小写。 age,Age,aGe,agE 是不同的变量。
   -->

练习

<!-- 
    1.声明两个变量 admin user
    2.给admin赋值 超级管理员  user 普通用户
    3.将admin的值赋值给user
    4.将user中的值弹出。
   -->
  <script>
    // var admin = "超级管理员",user = "普通用户";
    // user = admin;
    // alert(user);
    // alert("user");
    console.log(a);
    var a = 10;
    console.log(a);
  </script>