怎樣才能拿到高工資?

在生活中相信大多數(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為后綴名的文件,如圖;

微信圖片_20190626225307.png

然后給<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)他人,謝謝?。?!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,884評論 1 45
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,880評論 0 3
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評論 1 92
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,694評論 0 7
  • ??自從 2000 年以來,Web 開發(fā)方面的種種規(guī)范、條例正在高速發(fā)展。Web 開發(fā)過去曾是荒蕪地帶,里面東西還...
    霜天曉閱讀 616評論 0 1

友情鏈接更多精彩內(nèi)容