javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

JavaScript简介

JavaScript历史：

JavaScript是一门解释型、动态类型、基于对象的脚本语言(不需要编译，直接执行，与之相对的是编译型语言)，由美国网景公司的布兰登·艾奇发明，起初称LiveScript，其简称js。

JavaScript作用：

起初表单验证----网页特效-----服务端开发(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物联网(Ruff)-----游戏开发(cocos2d.js)

浏览器执行javascript代码：浏览器分为两部分渲染引擎和js引擎。渲染引擎指解析HTML和CSS的引擎，俗称内核；js引擎指处理js代码的引擎，俗称解析器。js引擎执行js代码时逐行读取并解析执行(转换为二进制)，即脚本语言。

JavaScript三大组成部分：

ECMAScript（js基本语法编程核心的标准）、 DOM—Document Object Model（文档对象模型，操作页面上的元素）、BOM—Browser Object Model（浏览器对象模型，操作浏览器窗口）

JavaScript基础语法

JavaScript代码书写位置：

1、内嵌式：在html文件中的script标签中写js代码；2、行内式：直接在标签中书写js代码(内嵌js代码)；3、外部式：在js文件中书写js代码，并通过script标签引入到html文件中

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0，user-scalable=no，maximum-scale=1.0,minimum-scale=1.0"><title>Document</title></head><body><!-- 内嵌js代码： --><input type="button" value="点击弹框" onclick="alert('直接写在标签中的js代码')"><!-- 写在script标签中的js代码：script标签中的type属性和language属性在h5新规定可以省略不写，但是有些程序员会写上，这是标准写法，为了后面浏览器解析代码不会出现意外。 --><script type="text/javascript" language="JavaScript">alert('在html文件中的script标签中书写js代码');</script><!-- 写在外部js文件中的js代码，通过script标签引入HTML文件： --><script src='js/alert.js'></script></body></html>

注意：

1、在一对script的标签中有错误的js代码，那么该script标签中错误代码后面的代码不执行

2、如果一对script的标签中有错误，不会影响后面的script标签中的js代码执行

3、script标签内：

type=‘text/javascript’-----标准写法

language=‘javascript’------也可以，目前都省略，原因是html遵循h5的标准

4、特殊情况：script中同时出现type和language的写法，防止浏览器解析时出错

5、script标签在页面中可以出现多对

6、script标签一般是放在body标签的最后面，有时也放在head标签中

7、如果js文件是外部引入的，那么该对script中不能写任何代码

JavaScript中的注释：

 //第一种注释：注释语句，VScode中快捷键：Ctrl + //* 第二种注释：注释语句，VScode中快捷键：Shift + Alt + a */

JavaScript中常用测试方法：

变量：

变量：指计算机中存储数据的标识（容器），根据变量名称可以获取到内存中储存的数据（变量的本质：程序在内存中申请一块存数据的空间）。js中存储数据是通过变量的方式储存的，操作变量都是在内存中的，变量的声明及赋值一般用var、const、let等关键字，使用变量可以方便的获取或者修改内存中的数据，初学JavaScript使用var声明变量，如：

 <script>//关键字 变量名 = 值var num = 10;var name = 'xiaohei';var sum; //变量的声明指：在内存中开辟一块空间sum = 20; //给变量赋值var sum = 10; // 变量的初始化：即声明变量的同时并赋值var x = 1,y = 2,z = 3; //一次初始化多个变量var num1,num2,num3; //一次声明多个变量//一次给多个变量赋值：num1 = 1;num2 = 2;num3 = 3;// 使用弹框用变量接收一个值，并输出这个值var str = prompt('输入内容:');alert('弹出输入的内容:' + str);//不声明的变量在js中是可以使用的，前提要赋值myName = 'Jack';console.log(myName);</script>

注意：

1、JavaScript中区分大小写

2、JavaScript中每个js代码结束后要跟分号结尾

3、变量名应该有意义，由字母、数字、下划线、$符号组成，不能以数字开头，不能是关键字和保留字

4、遵守驼峰命名法。首字母小写，后面单词的首字母需要大写

5、变量名不能重名，重名后相当于给变量重新赋值。

交换两个变量：

 <script>// 借助第三方变量实现变量交换：var num1 = 10;var num2 = 20;var temp;temp = num1;num1 = num2;//变量的重新赋值num2 = temp;console.log('num1:' + num1);console.log('num2:' + num2);//通过计算的方式交换两个变量：var num1 = 10;var num2 = 20;num1 = num1 + num2;num2 = num1 - num2;num1 = num1 - num2;console.log(num1, num2);// 计算机位运算，扩展，不需要理解var num1 = 10;var num2 =num1 = num1 ^ num2;num2 = num1 ^ num2;num1 = num1 ^ num2;console.log(num1, num2);</script>

提示：本文图片等素材来源于网络，若有侵权，请发邮件至邮箱：810665436@qq.com联系笔者删除。
笔者：苦海

javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量相关推荐

jS代码写在html什么位置,3种JavaScript代码书写位置和注意事项
在网页中编写JavaScript代码时,有3种书写位置,分别是行内式.内嵌式(也称为嵌入式)和外部式(也称为外链式),下面分别进行讲解. 1. 行内式行内式是指将单行或少量的JavaScript代码 ...
JavaScript学习笔记 01、Javascript的基本知识
文章目录前言一.认识Javascript与ECMAScript 二.JS的书写位置三.输出语句(alert.console.log) 四.认识与学会处理异常 4.1.介绍三种常见异常 4.2.介 ...
js书写位置，语法，数据类型，变量，输出，输入，类型转换
目录 JS的书写位置输出语法变量八大数据类型: 分类 number 类型 string(字符串) 其他类型类型转换强制转换自动转换用户输入 JS的书写位置 1.内嵌式使用的是Scri ...
翻译-高质量JavaScript代码书写基本要点(转载)
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1173 原文作者:S ...
2.1.3 JavaScript代码书写规则
2.1.3 JavaScript代码书写规则 http://book.51cto.com 2010-12-22 11:11 高宏机械工业出版社我要评论(0) 摘要:<JavaScri ...
Web前端：JavaScript最强总结附详细代码（带常用案例！）
Web前端基础: Web前端:HTML最强总结附详细代码 Web前端:CSS最强总结附详细代码 Web前端:JavaScript最强总结附详细代码 Web前端工具: Web前端: JQuery最 ...
JavaScript 的三种书写位置，注释形式，变量的使用叙述
文章目录 1. JS code的三种书写位置 1.1 行内写法 1.2 内嵌写法 1.3 外部写法 1.4 注意事项 2. JS 的注释 4. JS 常用的输出语句 4.1 浏览器弹出警示框 4.2 ...
Javascript基于对象三大特征
Javascript基于对象三大特征基本概述 Javascript基于对象的三大特征和C++,Java面向对象的三大特征一样,都是封装(encapsulation).继承(inheritance ) ...
JavaScript从入门到放弃-JavaScript历史介绍
JavaScript历史要了解JavaScript,我们首先要回顾一下JavaScript的诞生. 在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的 ...

javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量相关推荐

最新文章

热门文章