JavaScript 的应用

最新推荐文章于 2021-11-11 16:03:37 发布

SnowRockLean

最新推荐文章于 2021-11-11 16:03:37 发布

阅读量326

点赞数

分类专栏： JavaScript 文章标签： js JavaScript

本文链接：https://blog.csdn.net/SnowRockLean/article/details/94555613

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript 的应用

一、JavaScript 的引入方式

<!DOCTYPE>
<html>
 <head>
   <meta content="text/html;charset=utf-8" http-equiv="content-type">
   <title> </title>
   <script src='' id="st"></script>
   <script src="dynamic.js"></script>
 </head>

 <body>
  
 </body>
</html>

直接document.write 但这样会把当前的页面全覆写掉
```
document.write("<script src='test.js'><\/script>");
```
动态改变已有script的src属性
```
s1.src="test.js"  
```

动态创建script元素

  var oHead = document.getElementsByTagName('HEAD').item(0); 
var oScript= document.createElement("script"); 
oScript.type = "text/javascript"; 
oScript.src="test.js"; 
oHead.appendChild(oScript);

基于ajax请求的

二、JavaScriot 的输出方式

使用 document.write() 方法将内容写到 HTML 文档中。
```
document.write('小霸王学习机，其乐无穷')
```
使用 console.log() 写入到浏览器的控制台。
```
console.log('小霸王学习机，其乐无穷')
```

使用 window.alert() 弹出警告框。

alert('小霸王学习机，其乐无穷')

使用 innerHTML 写入到 HTML 元素。

三、JavaScript 的语法

JavaScript 字面量

在编程语言中，一般固定值称为字面量，如1.28。

数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)：
```
3.14

1001

123e5
```
字符串（String）字面量 可以使用单引号或双引号:
```
"John Doe"

'John Doe'
```
表达式字面量 用于计算：
```
5 + 6

5 * 10
```
数组（Array）字面量 定义一个数组：
```
[40, 100, 1, 5, 25, 10]
```
对象（Object）字面量 定义一个对象：
```
{
  firstName:"John",
  lastName:"Doe",
  age:50, 
  eyeColor:"blue"
}
```
函数（Function）字面量 定义一个函数：
```
function myFunction(a, b) { 
    return a * b;
}
```
JavaScript 变量

在编程语言中，变量用于存储数据值。

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值；
```
var x,leg;
x = 5;
leg = 6;
```
变量通常是可变的。字面量是一个恒定的值。

变量是一个名称，字面量是一个值：通俗来讲是可乐是指甜味、含咖啡因的碳酸饮料，可乐这个名称可以给任何饮料，它只是一个称呼，而实际上他只是单纯指向甜味、含咖啡因的碳酸饮料，而碳酸饮料就是值
JavaScript 操作符

JavaScript使用 算术运算符 来计算值:
```
6 + 100 /52
```
JavaScript使用赋值运算符 =给变量赋值：
```
x = 6
```
JavaScript语言有多种类型的运算符：

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

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

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

JavaScript 的关键字

JavaScript 的保留关键字不可以用作变量、标枪或者行数名。


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

*标记的关键字是 ECMAScript5 中新添加的。

JavaScrot 的注释
- 单行注释
```
// 单行注释
```
- 多行注释
```
/* 多行注释 */
```

JavaScript 数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

**注：**Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。

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 通过对象字面量赋值
var sy = new Symbol('x');

JavaScript 函数

JavaScript 语句可以写在函数内，函数可以重复引用：

引用一个函数 = 调用函数(执行函数内的语句)。

function myFunction(a, b) {
   	return a * b;                                // 返回 a 乘以 b 的结果
}

JavaScript 字母大小写

JavaScript 对大小写是敏感的。

JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。
JavaScript 字符集

JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符，包含标点等字符。