JavaScript笔记day01

最新推荐文章于 2024-07-12 16:27:40 发布

废材终结者

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量268

点赞数 3

分类专栏： JavaScript笔记文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/hssf_xxy/article/details/122501082

版权

JavaScript笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、起源

1、JavaScript诞生于1995年，它的出现主要用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如：用户名的长度，密码的长度，邮箱的格式等。

2、简史

1、JavaScript是由网景公司发明，起初命名为LiveScript，后来由SUN公司的介入更名为了JavaScript。

2、1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。

3、于是在市面上存在两个版本的JavaScript，一个是网景公司的JavaScript和微软的JScript

4、为了确保不同的浏览器上运行的JavaScript标准一致，所以几个公司共同定制了JS的标准名命名为ECMAScript.

3、实现

1、ECMAScript是JavaScript标准，所以一般情况下这两个词我们认为是一个意思。

2、但是实际上JavaScript的含义却要更大一些。

3、一个完整的JavaScript实现应该由以下三个部分构成：ECMAScript DOM BOM

4、JS特点

1、解释型语言、类似于C和JAVA的语法结构、动态语言、基于原型的面向对象

5、JS的helloworld

1、alert()：在浏览器中跳出一个提示框

2、document.write()：计算机在页面中输出一个内容（实际是在body标签内写入内容）

3、console.log()：向控制台输出一个内容

alert()函数是在浏览器中跳出一个警告窗
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	js代码需要编写到script标签中
        -->
        <script>
        	/*
        	 * 控制浏览器弹出一个警告窗
        	 */
        	alert("helloworld");
			/*
        	 * 让计算机在页面中输出一个内容
        	 */
        	document.write("helloworld");
        	/*
        	 * 向控制台输出一个内容
        	 */
        	console.log("helloworld");
        </script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

6、JS编写位置

1、可以将js代码写到标签的onclick属性中

虽然可以将js代码写在标签的属性之中，但是他们属于结构与行为耦合，不方便维护，不推荐使用
<body>
	<button onclick="alert('别点我！');">点击</button>
</body>

2、可以将js代码写在超链接href属性中，这样当点击超链接的时候，会执行js代码

<body>
	<!--可以将js代码写在超链接href属性中，这样当点击超链接的时候，会执行js代码-->
	<a href="javascript:alert('别点我');">点击</a>
</body>

3、可以将js代码编写到script 标签里面

<head>
	<meta charset="UTF-8">
	<title></title>
	<!--
        js代码需要编写到script标签中
    -->
     <script>
        document.write("helloworld");
     </script>
</head>

4、js代码写到外部的js文件再引入（推荐使用）

外部js文件内容：script.js
alert("我是外部js文件");
html导入js文件
<head>
	<meta charset="UTF-8">
	<title></title>
	<!--导入外部js文件-->
    <script src="script.js"></script>
</head>

7、js基本语法

注释：
多行注释：/* */
单行注释：//
JS中严格区分大小写
JS中的每一句以分号结尾(;):如果不加分号，浏览器会自动加但是有可能加错，也会消耗浏览器性能
JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

废材终结者

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript笔记day01

1、起源1、JavaScript诞生于1995年，它的出现主要用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如：用户名的长度，密码的长度，邮箱的格式等。2、简史1、JavaScript是由网景公司发明，起初命名为LiveScript，后来由SUN公司的介入更名为了JavaScript。2、1996年微软公司在其最新的IE3浏览器中引入了自己对JavaScript的实现JScript。3、于是在市面上存在两个版本的JavaScript，一个是网景公司的Jav
复制链接

扫一扫