在生活中相信大多数的人工资都不是太高,那么怎样才能拿到高工资呢,其实你离高工资只有一步之遥,那一步就是JS,那么什么是JS呢,我们来简单了解一下。
JS是就是JavaScript的简称,出生自1995年。它的父亲是Netscape(网景)公司的 一位名叫Brendan Eich(布兰登·埃奇)的程序猿。
JS是面向Web的编程语言,是一种专门为与网页交互而设计的脚本语言,是世界上最流行的编程语言。
在1997年,由ECMA(欧洲计算机制造商协会)定义了名为 ECMAScript 的全新脚本语言(规范)。
JavaScript 是由三部分组成:ECMAScript , DOM, BOM
ECMAScript 由ECMA-262定义,提供核心语言功
DOM(Document Object Model,DOM是简写) 文档对象模型 提供访问和操
作网页内容的方法和接口
BOM (Browser Object Model,BOM是简写)浏览器对象模型 提供与浏览器交
互的方法和接口
ECMAScript规定了以下组成部分:语法、类型、语句、关键字、保留字、操作符以及对象
DOM级别:DOM1 、DOM2、DOM3
那么JavaScript能做什么:
1,JavaScript可以将动态的文本放入html页面
2,JavaScript可以读写html元素
3,JavaScript可以被用来验证数据
4,JavaScript可以对事件做出响应
就像我们平时浏览网页上面的一些动画效果,交互效果基本都是用JS来实现的。
那么JS该怎么使用呢?
你可以直接把JavaScript嵌入到HTML页面中,只须为<script>指定 type 属性。然后,像下面这 样把 JavaScript代码直接放在元素内部即可(这个方法不推荐)
<script type="text/javascript">
var a = 10;
</script>
你也可以外部 引用JavaScript 文件(推荐使用)
那么如何引用呢?
首先我们需要在项目文件夹里新建一个名为JS的文件夹并新建一个以JS为后缀名的文件,如图;

然后给<script>指定 src 属性,引入刚才新建的JS文件夹里后缀名为js的文件就行,
<script src="../js/lx.js">
var a = 10;
</script>
为什么推荐外部引入这个方法呢?
1,利于维护:把所有的JavaScript的文件放在一起,不仅可以不触及HTML代码,而且更有利于开发者进行代码的编写和维护。
2,加速浏览:如果有多个HTML页面引用了同一个JavaScript外部文件,这个文件只会加载一次(缓存),也就是说可以加快页面的加载速度。
3,安全性:引用外部文件,如果用户查看HTML代码,将不会看到JavaScript的代码,比写在标签内安全性更高一些。
注意:在引用外部文件,标签中不要加入其它JS代码,浏览器在解析时,只会下载src引用的外部脚本文件,表中内嵌入的代码将会被忽略。
<script>标签的位置放哪?
1,可以放在head里面(不推荐)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="../js/lx.js"></script>
<script src="../js/lx.js"></script>
</head>
不推荐原因
浏览器在解析过程中一旦遇到多个JavaScript外部文件或者文件比较大,就要等到所有的外部文件加载完成后,页面才能完全显示,这样就会浪费很多时间,而且因为浏览器解析是自上而下,有可能会报错,那样页面就会卡在那显示不出来,
2,放在<body>标签里的底部(推荐使用),如下所示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div></div>
<div></div>
<script src="../js/lx.js"></script>
<script src="../js/lx.js"></script>
</body>
</html>
这样的话,在解析包含的 JavaScript 代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏 览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了
欲知后事如何
且听下回分解
学艺不精,有错请及时指出,以免误导他人,谢谢!!!
网友评论