二、JS简介与基础

最新推荐文章于 2022-11-18 22:08:06 发布

二旬、

最新推荐文章于 2022-11-18 22:08:06 发布

阅读量94

点赞数

分类专栏： WEB基础-JS核心

本文链接：https://blog.csdn.net/weixin_45602227/article/details/117667415

版权

WEB基础-JS核心专栏收录该内容

22 篇文章 2 订阅

订阅专栏

一、JS背景

1.1 JS起源

	
	JS诞生于1995年，它的出现最初主要用于解决网页中的前端验证。
	所谓的前端验证指的就是检查用户的输入内容是否符合一定的规则。

1.2 ECMAScript

1）ES起源

	
	1996年11月，为了确保JavaScript的市场领导地位，网景将JavaScript提交
	到欧洲计算机制造商协会（ECMA）以便将其进行国际标准化。

    ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。

2）ES的实质

ECMAScript实质上就是一份文档，它是一种标准。这个标准是由不同厂商去实现。
在这里插入图片描述

3）ES的实现

	
	1.ECMAScript是一个标准，而这个标准由各个厂商去实现。
    2.不同的浏览器，使用的JS引擎是不同的。如今，V8引擎是最快的。

在这里插入图片描述

1.3 JS组成

	JavaScript由这三部分组成:
	
			1.ECMAScript（这个协议只是规定了基本的语法而已）
			2.BOM（浏览器对象模型）
			3.DOM（文档对象模型）
	
	【ECMAScript是ECMA组织标准的实现，其余的BOM、DOM是自己的特有的。】

1.4 JS特点


	1.解释性语言（直接运行，不用编译）
	2.类似于C和JAVA的语言
	3.动态语言
	4.基于原型的面向对象
	5.安全性（js的代码不能直接访问硬盘的内容）
	6.js区分大小写

二、JS基础使用

1.1 JS的使用方式（JS的引用方式）


	1.行内式(在标签内写js代码)
		   
		   +++ js代码写在标签的onclick属性中
		  	  		<button onclick="alert('123');alert('256')">按钮</button>
		
		   +++ js代码写在超链接的href属性中
		  			  <a href="javascript:alert('123')">信息href</a>
		    		  <a href="javascript:;">信息href</a>


	
	2.内嵌式(使用<script>标签体进行编写。)
		
			<script type="text/javascript" > 
					alert("hello world")
			</script>



	3.外链式(引入外部的js文件)
	
		<script  type="text/javascript"   src="./1.js"  ></script>
		
				注意：script标签有开始标签和结束标签。如果写一个不起作用。

1）行内式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

 
</head>
<body>
    

    <button onclick="alert('123');alert('256')">按钮</button>
    <a href="javascript:;">信息href</a>
</body>
</html>

2）内嵌式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script type="text/javascript">

            alert("heoolo");
            document.write("123");
            console.log("123")

            
    </script>
</head>
<body>
    
</body>
</html>

3）外链式

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script type="text/javascript" src="index.js"></script>
 
</head>
<body>
    

</body>
</html>

index.js

alert("2132")

1.2 JS注释

1）HTML注释

             <!--注释 -->

2）CSS的注释

			/*  注释的内容  */

3）JS的注释

	
		单行注释    //注释的内容
		多行注释    /*注释的内容*/ 
					
					单行注释，注释的内容在源码中查看不到。
					多行注释，注释的内容会在源码中查看到。

1.3 JS输出

JavaScript 能够以不同方式“显示”数据：
		1) window.alert() 写入警告框
		2) 使用 document.write() 写入 HTML 输出
		3) 使用 innerHTML 写入 HTML 元素
		4) 使用 console.log() 写入浏览器控制台

1.4 标识符

	
	1.在js中我们自己命名的都是标识符。
	  例如:变量名、方法名、属性名都属于标识符。

	2。命名标识符规则：
			1.可以由英文字母、数字、下划线、$ 组成。
			2.不能以数字开头。
			3.标识符不能是ES的关键字或保留字。
			4.驼峰标识
					---首字母小写,每一个单词的首字母大写,其余小写。helloWorld

1.5 JS语法规范

	
	1.JS中严格区分大小写。
	2.JS中每一条语句以【;】结尾。
				---如果不写分号,浏览器会自动添加分号，但是会消耗一些内存。
				   而且有时候，浏览器可能会加错分号，所以在开发中必须加分号。

   3.JS中会自动忽略多个空格和换行。所以我们可以利用该特性格式化JS代码。

二旬、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二、JS简介与基础

一、JS简介1.1 JS起源 JS诞生于1995年，它的出现主要用于解决网页中的前端验证。所谓的前端验证指的就是检查用户的输入内容是否符合一定的规则。 1.2 ECMAScript1）起源 1996年11月，为了确保JavaScript的市场领导地位，网景将JavaScript提交到欧洲计算机制造商协会（ECMA）以便将其进行国际标准化。 ECMA以JavaScript语言为基础制定了ECMAScript标准规范ECMA-262。 2）ECMAScript
复制链接

扫一扫

专栏目录