VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >

  • Web前端基础(7):JavaScript(一)

作者：@小灰灰
本文为作者原创，转载请注明出处：https://www.cnblogs.com/liuhui0308/p/11879151.html

回到顶部(go to top)

1. JavaScript概述

1.1 JavaScript历史背景介绍

布兰登 • 艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。

一开始JavaScript叫做LiveScript，但是由于当时Java这个语言特别火，所以为了傍大牌，就改名为JavaScript。如同“北大”和“北大青鸟”的关系。“北大青鸟”就是傍“北大”大牌。

同时期还有其他的网页语言，比如VBScript、JScript等等，但是后来都被JavaScript打败了，所以现在的浏览器中，只运行一种脚本语言就是JavaScript。

1.2 什么是JavaScript

JavaScript是web上一种功能强大的编程语言，用于开发交互式的web页面。它不需要进行编译，而是直接嵌入在HTML页面中，由浏览器执行。

JavaScript被设计用来向HTML页面添加交互行为。

JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。

JavaScript由数行可执行计算机代码组成。

JavaScript通常被直接嵌入HTML页面。

JavaScript是一种解释性语言（就是说代码执行不进行预编译）。

JavaScript的组成：

核心（ECMAscript）：语法，语句。

文档对象模型（DOM）：document object model，操作文档中的元素和内容。

浏览器对象模型（BOM）：浏览器对象。

1.3 JavaScript的作用

使用JavaScript添加页面动画效果，提供用户操作体验。主要应用有：嵌入动态文本于HTML页面、对浏览器事件作出响应、读取HTML元素、验证提交数据、检测访客的浏览器信息等。

1.4 JavaScript的引入

在HTML文件中引入JavaScript有两种方式，一种是在HTML文档直接嵌入JavaScript脚本，称为内嵌式，另一种是链接外部JavaScript脚本文件，称为外联式。

1.内嵌式，在HTML文档中，通过<script>标签引入，如下：


	
    
		
  1. 
			<html>
    2. 
		
  2. 
			<head>
    3. 
		
  3. 
			<script type="text/javascript">
    4. 
		
  4. 
			//此处为JavaScript代码
    5. 
		
  5. 
			</script>
    6. 
		
  6. 
			<title></title>
    7. 
		
  7. 
			</head>
    8. 
		
  8. 
			<body>
    9. 
		
  9. 
			 
    10. 
		
  10. 
			</body>
    11. 
		
  11. 
			</html>
    12. 
	





	2.外联式，在HTML文档中，通过<script src="">标签引入.js文件，如下：



	

	
    
		
  1. 
			<html>
    2. 
		
  2. 
			<head>
    3. 
		
  3. 
			<script src="js/ad.js" type="text/javascript" charset="UTF-8"></script>
    4. 
		
  4. 
			<title></title>
    5. 
		
  5. 
			</head>
    6. 
		
  6. 
			<body>
    7. 
		
  7. 
			 
    8. 
		
  8. 
			</body>
    9. 
		
  9. 
			</html>
    10. 
	





	回到顶部(go to top)



	2. 基本语法



	



	2.1 变量



	1.在使用JavaScript时，需要遵循以下命名规范：



	

		必须以字母或下划线开头，中间可以是数字、字符或下划线。

	

		变量名不能包含空格等符号。

	

		不能使用JavaScript关键字作为变量名，如：function。

	

		JavaScript严格区分大小写。





	2.变量的声明



	

	
    
		
  1. 
			var 变量名; //JavaScript变量可以不声明，直接使用。默认值：undefined
    2. 
	





	3. 变量的赋值



	

	
    
		
  1. 
			var 变量名 = 值; //JavaScript变量是弱类型，及同一个变量可以存放不同类型的数据
    2. 
	





	



	2.2 数据类型



	数据类型包括：基本数据类型和引用数据类型。



	基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。



	当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。



	



	2.2.1 基本类型



	(1) number



	

	
    
		
  1. 
			var a = 123;
    2. 
		
  2. 
			//typeof 检查当前变量是什么数据类型
    3. 
		
  3. 
			console.log(typeof a)
    4. 
		
  4. 
			//特殊情况
    5. 
		
  5. 
			var a1 = 5/0;
    6. 
		
  6. 
			console.log(typeof e1) //Infinity 无限大. number类型
    7. 
	





	(2) string



	

	
    
		
  1. 
			var str = '123'
    2. 
		
  2. 
			console.log(typeof str)
    3. 
	





	(3) boolean



	

	
    
		
  1. 
			var b1 = false;
    2. 
		
  2. 
			console.log(typeof b1)
    3. 
	





	(4) null



	

	
    
		
  1. 
			var c1 = null;//空对象. object
    2. 
		
  2. 
			console.log(c1)
    3. 
	





	(5) undefined



	

	
    
		
  1. 
			var d1;
    2. 
		
  2. 
			//表示变量未定义
    3. 
		
  3. 
			console.log(typeof d1)
    4. 
	





	



	2.2.2 引用类型



	引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。



	JavaScript是基于对象而不是面向对象。对象类型的默认值是null。



	JavaScript提供众多预定义引用类型（内置对象）。



	后面的文章会讲解。



	



	2.3 运算符



	JavaScript的运算符合python差不多，大家可以看我python基础中的运算符 python运算符



	出处：https://www.cnblogs.com/liuhui0308/p/11879151.html


      



  

  
  

   
    
    
   

  

  
 
 

 
 
  
 
 
 
 






 






相关教程