js:初识(相关概念js代码的书写位置注释方式输入输出语句)
Posted Dream
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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等
以上是关于js:初识(相关概念js代码的书写位置注释方式输入输出语句)的主要内容,如果未能解决你的问题,请参考以下文章