前端JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

Lao Tie

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量192

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript 网页

本文链接：https://blog.csdn.net/weixin_43982212/article/details/100054225

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、什么是JavaScript？

1、JavaScript主要用来在HTML页面中添加交互行为.
2、JavaScript是一种脚本语言，语法跟Java类似.
3、JavaScript一般用于编写客户端的脚本.
4、JavaScript是一种解释性语言，边执行边解释

二、JavaScript组成：

1、ECMAScrip（脚本语言标准）
2、BOM（全称：Browser Object Model，中文：浏览器对象模型）
3、DOM（全称：Document Object Model，中文：文档对象模型）

三、ECMAScrip标准：

1、语法
2、变量和数据类型
3、运算符
4、逻辑控制语句
5、关键字、保留字
6、对象

四、BOM（全称：Browser Object Model，中文：浏览器对象模型）：

作用：提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML 的交互。例如网上常见的弹出窗口、前进后退等功能都是浏览器对象控制的。

五、DOM（全称：Document Object Model，中文：文档对象模型）：

作用：它是HTML文档对象模型定义的一套标准方法，用来访问和操纵HTML文档。例如网上商城常见的随鼠标移动显示大的图片、弹出小提示等都是文档对象的功劳。

六、JavaScript基本结构：

    <script type="text/javascript">
			document.write("这是我的第一个JavaScript网页！");
			document.write("<h1>牛逼！</h1>");
   </script>

document.write()：写在<script type="text/javascript"></script>中，用来在页面中输出可以包含HTML标签的内容
位置：<script type="text/javascript"></script>位置没有固定，可以包含在文档中任何位置，只要这些代码在被使用前已读取并加载到内存中即可。
注意：如果不写在<script type="text/javascript"></script>中，浏览器会把document.write()当做纯文本来处理，会把这条命令写在页面上。

效果图：

在这里插入图片描述

七、在页面引用JavaScript的方式（三种方式）：

1、内部引用JavaScript文件： JavaScript的代码较少，每个页面的JavaScript均不同的情况下
2、使用外部引用JavaScript文件： JavaScript的代码较多，每个页面JavaScript均相同的情况下，解决代码冗余
3、直接在HTML标签中： JavaScript的代码极少的情况下

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>初学JavaScript</title>
		<style>
			h1{
				font-style:italic;
			}
		</style>
	</head>
	<body>
		<!--内部引用JavaScript文件-->
		<script type="text/javascript">
			document.write("这是我的第一个JavaScript网页！");
			document.write("<h1>牛逼！</h1>");
		</script>
	
	<!--外部引用JavaScript文件-->
	<script type="text/javascript" src = "js/JS01.js"></script>
	
	<!--直接在HTML中用-->
	<input name="按钮" type="button" value = "消息框" onclick="javascript:alert('不要点!');"/>
	document.wirte("121112212");
</body>
</html>

八、JavaScript核心语法：

JavaScript变量声明的时候不用指明变量的数据类型，变量的数据类型是由赋给变的值决定的。

1、变量命名规则：

	a. 字母
	b. 数字
	c. 下划线
	d. $

注意：

1.开头必须是字母或下划线或$，不能是数字！！！！！！`
2.JavaScript区分大小写！！！！
3.因为JavaScript是一种弱类型语言，因此允许不声明变量直接使用变量（系统会自动为该变量声明）。但是不推荐这种写法！！！
例如：
x = 100；

2、变量的声明和赋值：

变量的声明（var关键字）：

	语法:
	var  合法的变量名;
	
	例如:
		var x = 100；

3、数据类型：

a. 常用基本数据类型：

undefined（未定义类型）
null（空类型）
number（数值类型）
可以是整数，也可以是浮点数
注意：NaN也是number类型！！！！！！！
String（字符串类型）：一组被 " " 或 ’ ’ 括起来的文本注意：JavaScript不对字符串和字符加以区别
字符串类型的属性和方法：

——String对象属性:

	constructor：对创建该对象的函数的引用 ；
	length：返回字符串的长度（中文字符算一个字符）； 
	prototype：允许您向对象添加属性和方法。

——String对象方法:

————String对象不常用的方法（这里就不做详细介绍了）：
	anchor()：创建 HTML 锚。 
	big()：用大号字体显示字符串。 
	blink()： 显示闪动字符串。 
	bold()：使用粗体显示字符串。 
	link(): 将字符串显示为链接。
	fontcolor(): 使用指定的颜色来显示字符串。 
	localeCompare(): 用本地特定的顺序来比较两个字符串。 
	small(): 使用小字号来显示字符串。 
	strike(): 使用删除线来显示字符串。 
	sub(): 把字符串显示为下标。  
	sup(): 把字符串显示为上标。 
	toSource()： 代表对象的源代码。 
	toString()： 返回字符串。
	fontsize()： 使用指定的尺寸来显示字符串。 
	fixed()： 以打字机文本显示字符串。
	italics()： 使用斜体显示字符串。

《String对象常用的方法》：这里有方法详细的介绍和使用。

lenght属性（表示字符串的长度，包含空格）：
```
 语法：变量.length; 	 
```
boolean（布尔类型）:

两个值：true和false

4、ECMAScript提供了typeof运算符来判断一个值或变量属于那个数据类型

	语法：
	typeof(变量或值);
	
	结果:是什么类型就返回什么类型！
	但是，如果变量是null类型，或者变量是一种引用类型，如对象、函数、数组，则返回		  
	object类型。

5、数组：

创建数组：

语法：
var 数组名 = new Array(数组长度);

创建并给数组赋值：

var 数组名 = new Array("值1","值2","值3",·······);
或不用Array()
var 数组名 = ["值1","值2","值3",·······];

创建后赋值：

var 数组名 = new Array(2);
数组名[0] = "值1";
数组名[1] = "值2";

Lao Tie

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
前端JavaScript基础

一、什么是JavaScript？1、JavaScript主要用来在HTML页面中添加交互行为.2、JavaScript是一种脚本语言，语法跟Java类似.3、JavaScript一般用于编写客户端的脚本.4、JavaScript是一种解释性语言，边执行边解释二、JavaScript组成：1、ECMAScrip（脚本语言标准）2、BOM（全称：Browser Object Model，...
复制链接

扫一扫