Front End

JavaScript

PineappleCat · 4月25日 · 2021年 152次已读

1.JS简介

概述:

  • 解释性脚本语言,是一种动态类型、弱类型、基于原型继承的语言,内置支持类型。
  • 解释器称为JavaScript引擎,作为浏览器的一部分。
  • 用来给HTML网页增加动态功能,定义网页的行为。

JavaScript包含三部分:

  • ECMAScript语法
  • 文档对象模型(DOM Document Object Model)
  • 浏览器对象模型(BOM Browser Object Model)

在html中使用JS的三种方式:

    <h1>javascript三种使用方式</h1>
    <ul>
      <li>1.在script标签中编写js:放在网页中任何位置,推荐网页的最后</li>
      <li>2.在独立js文件中编写: 网页需要使用script标签关联js文件。</li>
      <li>3.在标签的事件属性中编写: 要写事件属性</li>
    </ul>
    <input
      type="button"
      value="普通按钮"
      onclick="alert('欢迎使用javascript')"
    />
    <!--注意:关联外部js文件,必须要写script的结束标签。-->
    <script src="js/myjs.js" type="text/javascript"></script>
    <script type="text/javascript">
      //单行注释
      /*多行注释*/
      // hello world
      //第一种写法:弹出提示窗口
      //alert("helloworld");
      //第二种写法:文档中输出helloworld
      //document.write("helloworld javascript");
      //第三种写法:在控制台输出helloworld
      console.log("helloworld javascript");
    </script>

变量

变量:内存中的一块存储空间。

JS中变量都用var关键字来声明,var是variable的缩写。

注意:var num = 100;

  • var是声明关键字,num是变量名
  • 语句以分号结尾;分号可省略

命名规范:

  • 包含字母、数字、下划线和美元符号
  • 不能以数字开头
  • 变量名不能是关键字
  • 区分大小写

JavaScript注释有两种:

  • // 单行注释
  • /* 多行注释 */
    <h1>javascript变量的使用</h1>
    <ul>
      <li>1 使用var(variable)关键字声明变量</li>
      <li>2 弱类型语言,声明变量时不需要指定类型,赋值时决定类型,可以变化</li>
      <li>
        3 var是声明关键字,num是变量名,语句以分号结尾;分号可省略,推荐编写
      </li>
    </ul>
    <h2>变量命名规范:</h2>
    <ul>
      <li>包含字母、数字、下划线和美元符号。</li>
      <li>不能以数字开头。</li>
      <li>变量名不能是关键字。</li>
      <li>区分大小写</li>
    </ul>

    <script type="text/javascript">
      //声明变量
      var num;
      //赋值
      num = 100;
      //声明同时赋值
      var stuName = "灿灿"; //字符串使用双引号或单引号
      var address = "北京昌平";
      num = "helloword";
      var abc = 100;

      //使用变量
      document.write("num:" + num + "<br/>");
      document.write("stuName:" + stuName + "<br/>");
      document.write("address:" + address + "<br/>");
      document.write("abc:" + abc + "<br/>");

付费资源您未登录,请先

Click here to view the copyright notice of this site(点击此处查看本站版权声明)
0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!