Js-w3school(2020.2.1)【js使用、js输出、js语法、js变量、js运算符】

一、js使用

1 getElementById() 是多个 JavaScript HTML 方法之一,用来通过id获取节点。
2. 在 HTML 中,JavaScript 代码必须位于

> <script> 与 </script>

标签之间。
3. JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
4. 您能够在 HTML 文档中放置任意数量的脚本。脚本可被放置与 HTML 页面的 <body> 或 <head> 部分中,或兼而有之。(把脚本置于 元素的底部,可改善显示速度,因为脚本编译会拖慢显示。)
5. 外部文件调用js:

>  <script src="myScript.js"></script>

(您可以在 <head> 或 <body> 中放置外部脚本引用。该脚本的表现与它被置于 <script> 标签中是一样的。)
6.外部js的优势:
·分离了 HTML 和代码
·使 HTML 和 JavaScript 更易于阅读和维护
·已缓存的 JavaScript 文件可加速页面加载
7. JavaScript 语句由以下构成:
值、运算符、表达式、关键词和注释。
8. 分号分隔 JavaScript 语句。
9. JavaScript 会忽略多个空格。您可以向脚本添加空格,以增强可读性。
10. JavaScript 代码块:JavaScript 语句可以用花括号({…})组合在代码块中。代码块的作用是定义一同执行的语句。
11.
关键词	描述break	终止 switch 或循环。continue	跳出循环并在顶端开始。debugger	停止执行 JavaScript,并调用调试函数(如果可用)。do ... while	执行语句块,并在条件为真时重复代码块。for	标记需被执行的语句块,只要条件为真。function	声明函数。if ... else	标记需被执行的语句块,根据某个条件。return	退出函数。switch	标记需被执行的语句块,根据不同的情况。try ... catch	对语句块实现错误处理。var	声明变量。

在这里插入图片描述

二、js输出

1.使用 window.alert() 写入警告框
2. 使用 document.write() 写入 HTML 输出
注意:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML :(意思是当在文档完全加载完之后,通过按钮调用会重新输出并覆盖原来的网页内容)
3. 使用 innerHTML= 写入 HTML 元素
document.getElementById(“demo”).innerHTML = 5 + 6;
4. 使用 console.log() 写入浏览器控制台

三、js语法

1.JavaScript 语句定义两种类型的值:混合值和变量值。混合值被称为字面量(literal)。变量值被称为变量。
2.混合值:书写混合值最重要的规则是:
写数值有无小数点均可
字符串是文本,由双引号或单引号包围
3.变量值:在编程语言中,变量用于存储数据值。JavaScript 使用 var 关键词来声明变量。= 号用于为变量赋值
4.注释:双斜杠 // 或 /* 与 */ 之间的代码被视为注释。(注释会被忽略,不会被执行)
5 JavaScript 标识符:
标识符是名称。
在 JavaScript 中,标识符用于命名变量(以及关键词、函数和标签)。
在大多数编程语言中,合法名称的规则大多相同。
在 JavaScript 中,首字符必须是字母、下划线(-)或美元符号($)。
连串的字符可以是字母、数字、下划线或美元符号。
提示:数值不可以作为首字符。这样,JavaScript 就能轻松区分标识符和数值。
6.所有 JavaScript 标识符对大小写敏感。
7 JavaScript 中不能使用连字符。它是为减法预留的,可以用下划线_,或者是驼峰式(大写小写大写小写,如FirstName)

四、js变量

1.在 JavaScript 中创建变量被称为“声明”变量。您可以通过 var 关键词来声明 JavaScript 变量。声明之后,变量是没有值的。(技术上,它的值是 undefined。)您可以在声明变量时向它赋值(var carName = “porsche”;)
2. 您可以在一条语句中声明许多变量(var person = “Bill Gates”, carName = “porsche”, price = 15000;)
3.重复声明无用:如果再次声明某个 JavaScript 变量,将不会丢它的值
4.+的应用:

x = "8" + 3 + 5;// 835
x = 3 + 5 + "8";//88

(从前到后合并格式)
5. 著名的变量命名规则
只是因为变量名的语法正确,并不意味着就该使用它们。变量还应遵守以下某条著名的命名规则:
(1)Camel 标记法:
首字母是小写的,接下来的字母都以大写字符开头。例如:

var myTestValue = 0, mySecondValue = "hi";

(2)Pascal 标记法:
首字母是大写的,接下来的字母都以大写字符开头。例如:

var MyTestValue = 0, MySecondValue = "hi";

(3)匈牙利类型标记法:
在以 Pascal 标记法命名的变量前附加一个小写字母(或小写字母序列),说明该变量的类型。例如,i 表示整数,s 表示字符串,如下所示“

var iMyTestValue = 0, sMySecondValue = "hi";

在这里插入图片描述
6. ECMAScript 的解释程序遇到未声明过的标识符时,用该变量名创建一个全局变量,并将其初始化为指定的值。
这是该语言的便利之处,不过如果不能紧密跟踪变量,这样做也很危险。最好的习惯是像使用其他程序设计语言一样,总是声明所有变量。

五、js运算符

1.算术运算符

在这里插入图片描述
优先级:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.赋值运算符
在这里插入图片描述
3.比较运算符
在这里插入图片描述
4.逻辑运算符
在这里插入图片描述
5.类型运算符
在这里插入图片描述
6.位运算符
在这里插入图片描述
7. 一元运算符
delete:delete 运算符删除对以前定义的对象属性或方法的引用。(delete o.name;)delete 运算符不能删除开发者未定义的属性和方法。
void:void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值

发布了41 篇原创文章 · 获赞 4 · 访问量 1660

猜你喜欢

转载自blog.csdn.net/mus123/article/details/104134411