JavaScript学习，常用常记（用法，输出，语法）

最新推荐文章于 2020-12-07 18:30:27 发布

hhjian6666

最新推荐文章于 2020-12-07 18:30:27 发布

阅读量255

点赞数

分类专栏： ***JavaScript + jQuery***Study

本文链接：https://blog.csdn.net/qq_30796379/article/details/88933005

版权

***JavaScript + jQuery***Study 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

<script>
    document.write("<h1>这是一个标题</h1>");
    document.write("<p>这是一个段落</p>");
</script>

把函数放入 <head> 或者放在页面底部，把它们安置到同一处位置，不会干扰页面的内容。

document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件.

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

外部 javascript 文件不使用 <script> 标签，直接写 javascript 代码。

HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。

<script>
	function myfunction(){
		document.write("使用函数来执行doucment.write，即在文档加载后再执行这个操作，会实现文档覆盖");
	}
	document.write("<h1>这是一个标题</h1>");
	document.write("<p>这是一个段落。</p>");
</script>
<p >您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。</p>
<button type="button" onclick="myfunction()">点击这里</button>

JavaScript 没有任何打印或者输出的函数。

JavaScript 显示数据

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

使用 window.alert()

window.alert(5 + 6);

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。

document.getElementById("demo").innerHTML="段落已修改。";

写到 HTML 文档

document.write(Date());

写到控制台

如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。

a = 5;
b = 6;
c = a + b;
console.log(c);

JavaScript 字面量

在编程语言中，一般固定值称为字面量。
数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)：123e5
字符串（String）字面量 可以使用单引号或双引号：'John Doe'
表达式字面量 用于计算：5 + 6
数组（Array）字面量 定义一个数组：[40, 100, 1, 5, 25, 10]
对象（Object）字面量 定义一个对象：{firstName:"John", lastName:"Doe", age:50}
函数（Function）字面量 定义一个函数：function myFunction(a, b) { return a * b;}

JavaScript 变量

在编程语言中，变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值：

var length;
length = 6;
document.getElementById("demo").innerHTML = length;

变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

变量是一个名称。字面量是一个值。

JavaScript 操作符

JavaScript使用 算术运算符 来计算值：(5 + 6) * 10
JavaScript使用赋值运算符给变量赋值：z = (x + y) * 10

类型	实例	描述
赋值，算术和位运算符	= + - * /	在 JS 运算符中描述
条件，比较及逻辑运算符	== != < >	在 JS 比较运算符中描述

JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令，语句是用分号分隔。

JavaScript 关键字

标识要执行的操作，和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。
JS 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。
JS 关键字必须以字母、下划线（_）或美元符（$）开始，后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JS 可以轻易区分开关键字和数字）。

abstract	else	instanceof	super
boolean	enum	int	switch
break	export	interface	synchronized
byte	extends	let	this
case	false	long	throw
catch	final	native	throws
char	finally	new	transient
class	float	null	true
const	for	package	try
continue	function	private	typeof
debugger	goto	protected	var
default	if	public	void
delete	implements	return	volatile
do	import	short	while
double	in	static	with

JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略。

JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16;                                 // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array 通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值