在生活中相信大多數(shù)的人工資都不是太高,那么怎樣才能拿到高工資呢,其實(shí)你離高工資只有一步之遙,那一步就是JS,那么什么是JS呢,我們來簡單了解一下。
JS是就是JavaScript的簡稱,出生自1995年。它的父親是Netscape(網(wǎng)景)公司的 一位名叫Brendan Eich(布蘭登·埃奇)的程序猿。
JS是面向Web的編程語言,是一種專門為與網(wǎng)頁交互而設(shè)計(jì)的腳本語言,是世界上最流行的編程語言。
在1997年,由ECMA(歐洲計(jì)算機(jī)制造商協(xié)會)定義了名為 ECMAScript 的全新腳本語言(規(guī)范)。
JavaScript 是由三部分組成:ECMAScript , DOM, BOM
ECMAScript 由ECMA-262定義,提供核心語言功
DOM(Document Object Model,DOM是簡寫) 文檔對象模型 提供訪問和操
作網(wǎng)頁內(nèi)容的方法和接口
BOM (Browser Object Model,BOM是簡寫)瀏覽器對象模型 提供與瀏覽器交
互的方法和接口
ECMAScript規(guī)定了以下組成部分:語法、類型、語句、關(guān)鍵字、保留字、操作符以及對象
DOM級別:DOM1 、DOM2、DOM3
那么JavaScript能做什么:
1,JavaScript可以將動態(tài)的文本放入html頁面
2,JavaScript可以讀寫html元素
3,JavaScript可以被用來驗(yàn)證數(shù)據(jù)
4,JavaScript可以對事件做出響應(yīng)
就像我們平時瀏覽網(wǎng)頁上面的一些動畫效果,交互效果基本都是用JS來實(shí)現(xiàn)的。
那么JS該怎么使用呢?
你可以直接把JavaScript嵌入到HTML頁面中,只須為<script>指定 type 屬性。然后,像下面這 樣把 JavaScript代碼直接放在元素內(nèi)部即可(這個方法不推薦)
<script type="text/javascript">
var a = 10;
</script>
你也可以外部 引用JavaScript 文件(推薦使用)
那么如何引用呢?
首先我們需要在項(xiàng)目文件夾里新建一個名為JS的文件夾并新建一個以JS為后綴名的文件,如圖;

然后給<script>指定 src 屬性,引入剛才新建的JS文件夾里后綴名為js的文件就行,
<script src="../js/lx.js">
var a = 10;
</script>
為什么推薦外部引入這個方法呢?
1,利于維護(hù):把所有的JavaScript的文件放在一起,不僅可以不觸及HTML代碼,而且更有利于開發(fā)者進(jìn)行代碼的編寫和維護(hù)。
2,加速瀏覽:如果有多個HTML頁面引用了同一個JavaScript外部文件,這個文件只會加載一次(緩存),也就是說可以加快頁面的加載速度。
3,安全性:引用外部文件,如果用戶查看HTML代碼,將不會看到JavaScript的代碼,比寫在標(biāo)簽內(nèi)安全性更高一些。
注意:在引用外部文件,標(biāo)簽中不要加入其它JS代碼,瀏覽器在解析時,只會下載src引用的外部腳本文件,表中內(nèi)嵌入的代碼將會被忽略。
<script>標(biāo)簽的位置放哪?
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外部文件或者文件比較大,就要等到所有的外部文件加載完成后,頁面才能完全顯示,這樣就會浪費(fèi)很多時間,而且因?yàn)闉g覽器解析是自上而下,有可能會報錯,那樣頁面就會卡在那顯示不出來,
2,放在<body>標(biāo)簽里的底部(推薦使用),如下所示:
<!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 代碼之前,頁面的內(nèi)容將完全呈現(xiàn)在瀏覽器中。而用戶也會因?yàn)闉g 覽器窗口顯示空白頁面的時間縮短而感到打開頁面的速度加快了
欲知后事如何
且聽下回分解
學(xué)藝不精,有錯請及時指出,以免誤導(dǎo)他人,謝謝?。?!