js:初识(相关概念、js代码的书写位置、注释方式、输入输出语句)

1、相关概念

(1)编程语言与标记语言

编程语言:有很强的逻辑和行为能力,如:if else、for、while等具有逻辑性和行为能力的指令,如:c、java、js

标记语言:不用于向计算机发出指令,常用于格式化和链接,标记语言的存在是用来被读取的是被动的,如:html、xml

(2)js历史

1995年10月,由布兰登艾奇设计

最初的设计目的是用于表单校验,避免服务器接收到错误数据,减少服务器的压力

(3)JavaScript

运行在客户端的脚本语言(不需要编译,由js引擎来进行解释并执行)

(4)浏览器执行js的原理

浏览器分为渲染引擎和JS引擎:

渲染引擎:用来解析html和css,即:内核

js引擎:也称为js解释器,用来读取网页中的js代码,对其处理后运行。js的解释器是逐行解释的

(5)组成

 

ECMAScript:规定了js的编程语法和核心知识,是所有浏览器厂商共同遵循的一套JS语法工业标准

DOM:对页面的各个元素进行操所

BOM:对浏览器窗口进行操作。如:弹出框、控制浏览器的跳转等

 

2、js代码的书写位置:

(1)行内式

<input type="button" onclick="alert('下午好')"  value="你好"/>

 

 (2)内嵌式

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            alert('你好')
        </script>    
    </head>

 

 (3)外部js:

 

 js是一个单独的文件,引入该文件即可使用

 

3、注释

(1)单行

    //单行注释

(2)多行

    /*
     多行注释
     多行注释
     多行注释
     多行注释
     */

 

4、输入输出语句

(1)alert浏览器弹出警示框

alert('你好');

(2)console.log浏览器控制台打印输出,编程时测试使用,点击F12进入:

console.log('你好');

(3)prompt浏览器弹出输入框,用户可以输入

prompt('请输入用户名');

 (4)prompt与alter的结合使用

        <script>
            var username=prompt("请输入用户名");
            alert(username);
        </script>

測試結果:

在输入框中输入数据:

 

 在弹出的警示框中显示输入的数据:

 需要用变量接收输入的数据,并利用alert来显示接收到的数据

 

5、解释性语言和编译型语言

计算机不能理解除了计算机语言以外的语言,因此,必须把程序翻译成机器语言能够执行的程序

 

  •  翻译的过程分为两种,一种是编译,另外一种是解释
  • 编译是代码执行前进行的,生成中间代码文件。例如:java语言中,java文件经过编译器(javac)后变成class文件,class文件能够被jvm识别
  • 解释是在运行时就进行及时的解释,并立即执行
  • 编译型语言是先将程序编译完成才会执行,解释型语言可以边解释边执行

 

6、标识(zhi)符、关键字、保留字

  • 标识符:开发人员为变量、属性、函数、参数取的名字,不能是关键字和保留字
  • 关键字:js本身已经使用了的字,例如:break、case、var等
  • 保留字:预留的关键字,虽然不是关键字,但是未来可能成为关键字,例如:let、int、long、private、static等

 

posted @ 2020-07-13 15:05  怀梦想,致远方  阅读(13)  评论(0编辑  收藏