javascript變量#前端

家好，我是天河。今天想和大家分享一下如何在應用程序中使用變量來存儲值。變量是應用程序中用來作為值的符號名，其名稱即為標識符。

變量就像一個盒子，盒子上貼著標簽，標簽上寫著名字。變量可以存儲各種數據類型的值，如數字、字符串、board值等。

變量的聲明是通過關鍵字 were 創建的。在聲明 number 變量時，可以使用 were number 的形式來表示其值為一加一，也可以使用非數字形式的 were，例如 were name。

通過 word 關鍵字可以創建一個變量，該變量的默認值為 content，通過物質表達式等于來給變量賦值。例如，可以直接物質 a=20，或者定義 were number=20。

如果需要同時定義多個變量，可以使用逗號分隔不同的變量名，例如屬性=張三，a=18，屬性=幺零八。

看一下效果，變量被定義為老師，等于二。如果需要同時定義多個變量，可以使用逗號分隔不同的變量名，例如 were，a=b，=c，=d，=10。

變量的聲明必須遵守一定的規則，包括由字母數字下弧線、dollar符號組成，不能以數字或其他符號開頭，也不能使用保留字關鍵字。

保留字是指不能用于變量名的特殊字符，例如形象、中文等。使用英文進行變量名命名是國際慣例，可以使用uniq字母作為變量名，例如uniq_字母。

像數字開頭、其他符號、橫線、關鍵字等都是不能使用的。同時，建議使用幾個單詞的命名法，并使用形容詞作為前綴，例如 max cult。

在命名變量時，需要注意大小寫、嚴格區分大寫的內部和小寫的內部。這兩個變量的名稱不同，它們不是同一個變量。變量名稱中不能包含數字或其他特殊符號，例如這條橫線不能使用關鍵字。變量名稱應該由字母、數字和下劃線組成，不包括漢字。不建議使用這種變量命名方式。雖然這種命名方式不會引起錯誤，但它不利于表達意圖，也容易無意間創建全局變量。接下來看一些變量命名的規則，未聲明的變量直接使用會導致錯誤。這種命名方式可能會影響程序的有效性和安全性，因此不建議使用。省略關鍵字可能會導致變量成為全局變量。如果直接調用解釋器，它會自動聲明變量，但這種做法不利于表達意圖，而且容易創建全局變量。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。

如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。如果一個變量已經聲明過一次，但再次聲明時沒有改變其值，則會導致重復聲明的問題。那么我們現在打印呢？現在打印不出來了，因為全局作用率，我們在全局作用率里面是不能訪問這個函數里面的變量的，函數里面的變量只能函數里面去訪問外部它是訪問不了的。所以不建議生命變量的時候不寫位。

接下來再看一看注視。基本的有兩種單行注視多行注視。注視就是像這樣，單行注視的變量直接使用它是會報錯的，它會報錯這個是not connect，省略 the fact，這個表格表格里面你不加味，它默認它的變量會成為一個全局變量。比如這個函數里面寫了，然后打印表格，對不對？按理說怎么看是不是全局的呢？就在里面輸入 s t r，你看，它就能打印出來這個是全局的。

那比如說我們加二，它就不會變成全局的變量。對不對？那我們現在打印呢？你看，現在打印不出來了，因為全局作用率，對不對？在全局作用率里面是不能訪問函數里面的變量、酒杯里面的變量，只能函數里面去訪問，外部它是訪問不了的。所以不建議，生命變量的時候不寫位。

接下來再看一看注視。注視。注視是行就是兩個斜杠，多行就是這樣去斜，按快捷鍵可以去設置一下看鍵盤快捷鍵是不是？行注視對不對？把它綁定。

快注視，主要是行注視和快注視。有的時候不知道快捷鍵是多少，把快捷鍵配置打開搜索一下，把快捷鍵記一記。糖醋是塊，醋是接下來了解一下嚴格模式。

javascript的嚴格模式是一種在解碼中啟用更嚴格解析和錯誤處理的模式，通過添加特定的語句來激活，主要是use strict來激活。意思就是加上這句話，內部會用更嚴格的解析和錯誤處理。比如啟用嚴格模式之后aircraft引擎將會執行額外的檢查，并對一些常見的錯誤進行報錯。

來看嚴格模式。比如在非嚴格模式下聲明變量不加味，是能打印出來的，沒有報錯，但是一旦加上嚴格模式就會報錯了。比如還有什么情況？比如函數，按住res，現在打印是 on the five，嚴格模式下res就是指向window。然后再看一個數字，比如在嚴格模式下就是報錯的，嚴格模式下就不會減析成八進字。

非嚴格模式下？非嚴格模式下看就能打印出來。怎么改？要在嚴格模式下改成這種以零o開頭，零和o開頭八金字就生效了。usb打開就生效的。以前是嚴格模式下是不生效的，只有非嚴格模式下才生效。就是養成習慣，比如說要寫八進字，到現在最好以零o開頭、小o和大o都可以預備。這就是所謂的嚴格模式和非嚴格模式。因為在學習的過程中，我們可能會遇到一些新東西，因此需要了解它們的含義。嚴格模式就是其中之一。今天的分享就到這里，感謝大家的聆聽。

、關于HTML語義化，你知道都有哪些標簽？

語義化就是讓計算機能夠快速讀懂內容，高效的處理信息。搜索引擎只能通過標簽來判斷內容的語義，因為頁面的很大一部分流量來自搜索引擎，要使頁面盡可能地對搜索引擎友好，所以盡可能地使用語義化標簽，如：

div是division分離，span是span范圍，table是表格，ol是orderList有序列表，ul是unorderList無序列表，li是list item列表選項，html5進一步推進web語義化的發展，使用了一些新的標簽有header、artical、address等。

2、HTML標簽分類有哪些？都有啥特點?

塊級標簽

默認寬度是100%

塊級標簽獨占一行

塊級標簽可以使用height設置高度

常見塊級標簽：div、p、h1~h6、ol、ul、table、form等等。

行級標簽

默認寬度由內容撐開

行級標簽不會自動換行，從左到右一次排列

行級標簽height設置高度失效，高度由內容撐開。

常見行級標簽：span、a、br、strong、lable、i、em。

行內塊標簽

結合行級和塊級的優點

可以設置元素的寬高

還可以將多個元素顯示在一行從左到右一次排列。

常見行內塊標簽：img、input。

3、網頁編碼設置有幾種方式？

Charset屬性規定HTML文檔的字符編碼，常見的屬性值有以下幾個：

UTF-8(8-bit Unicode Transformation Format)是一種針對Unicode的可變長度字符編碼，又稱萬國碼。用在網頁上可以同一頁面顯示中文簡體繁體以及其他語言。
GBK是漢字編碼，是雙字節碼，可表示簡體和繁體字。
ISO8859-2字符集，也稱Latin-2，收集了東歐字符。

4、HTML的框架優缺點有哪些？

Html框架有iframe和frame兩個，將多個頁面通過一個瀏覽器窗口顯示。

框架的優點：

重載頁面時不需要重載整個頁面，只需要重載頁面中的一個框架頁，減少數據傳輸，加快網頁加載速度。
Iframe使用簡單不需要引入任何插件，主要用于不需要搜索引擎搜索的頁面。
方便制作導航，多個頁面共用，方便開發和維護。

缺點：

會產生很多頁面，不容易管理。
不方便打印，不能實現對frameset的打印。
瀏覽器后退按鈕失效。
不利于SEO優化，不能為每個頁面設置標題和關鍵字，影響搜索。
多數小型移動設備無法完全顯示框架。
多框架頁面會增加服務器的http請求。
H5已經拋棄該標簽。

5、HTML5有哪些新特性，移除了哪些元素？

H5新增了圖像、位置、存儲、多任務等功能。

新增元素：

Canvas
video和audio元素
本地離線緩存：localStorage長期存儲，瀏覽器關閉之后數據不丟失，sessionStorage的數據在瀏覽器關閉后自動刪除。
語義化標簽：artical、footer、header、nav、section
位置API：Geolocation
表單控件：calendar、date、time、email、search、url
新技術：web worker(運行在后臺的js,獨立于其他腳本，不影響頁面性能。可以在頁面繼續任何操作，此時web worker在后臺運行)、web socket
拖放API：drag、drop

移除元素：

框架元素：frame、frameset、noframes。
純表現元素：basefont、font、center、u、big、strike、tt

Html5新增了 27 個元素，廢棄了 16 個元素，根據現有的標準規范，把 HTML5 的元素按優先級定義為結構性屬性、級塊性元素、行內語義性元素和交互性元素 4 大類。

6、如何區分HTML和HTML5？

DOCUMENT聲明方式是區分的重要元素。

Html聲明方式：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd”>
Html5聲明方式：<!DOCTYPE html>

根據新增加的結構、功能來區分。H5有好多新增語義化標簽。

7、H5文件離線存儲怎么使用，工作原理是什么？

在線情況下，瀏覽器發現html頭部有manifest屬性，它會請求manifest文件，如果是第一次訪問那么瀏覽器就會根據manifest文件的內容下載相應的資源，并進行離線存儲。如果已經訪問過并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面。然后瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有改變，就不會有任何操作，如果文件改變了，那么就會重新下載資源，并進行離線緩存。

頁面頭部加入manifest屬性。如：<html manifest="demo.appcache">

在cache.manifest文件中編寫離線存儲的資源。

8、Cookies,sessionStorage和localStorage的區別？

共同點：都是保存在瀏覽器端，而且都是同源的。

區別：

Cookies是為了標識用戶身份而存儲在用戶本地的數據，始終在同源http請求中攜帶，在瀏覽器與服務器間來回傳遞，而sessionStorage和localStorage不會自動把數據發給服務器，僅在本地保存。
存儲大小差異。Cookie保存的數據很小，不能超過4k，而sessionStorage和localStorage保存數據大，可達到5M。
存儲有效期不同。Cookie在設置的cookie過期前始終有效，而sessionStorage僅在瀏覽器關閉之前有效，localStorage始終有效，與瀏覽器窗口沒關系。
作用域不同：cookie在所有同源窗口都是共享，sessionStorage不能在不同瀏覽器窗口上共享，localStorage在所有同源窗口都是共享的。

9、title與h1的區別、b與strong的區別、i與em的區別？

title屬性沒有明確意義，只表示標題，h1表示層次明確的標題，對頁面信息抓取也有很大的影響。

strong標明重點內容，語氣加強含義，b表示無意義的視覺表示

em表示強調文本，i是斜體，是無意義的視覺表示

視覺樣式標簽：b、u、i、s

語義樣式標簽：strong、em、ins、del、code

10、viewport 所有屬性？

viewport是用戶網頁的可視區域，使用meta設置viewport時有很多屬性，分別對以下各個屬性介紹

width :設置layout viewport的寬度，為一個正整數，或字符串'device-width';
initial-scale:設置頁面的初始縮放值，為一個數字，可以帶小數。
minimum-scale:允許用戶的最小縮放值，為一個數字，可以帶小數。
maximum-scale:允許用戶的最大縮放值，為一個數字，可以帶小數。
height:設置layout viewport的高度，這個屬性對我們并不重要，很少使用
user-scalable:是否允許用戶進行縮放，值為‘no’或者‘yes’。
target-densitydpi:值可以為一個數值或者 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 這幾個字符串中的一個

安卓中還支持：target-densitydpi，表示目標設備的密度等級，作用是決定css中的1px 代表多少物理像素。

11、meta標簽的name屬性值？

name屬性主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索機器人查找信息和分類信息用的。

Meta標簽的name屬性語法格式是：

Name主要有以下幾個參數：

Keywords（關鍵字）：關鍵字用來告訴搜索引擎你網頁的關鍵字是什么。
Description（網站內容描述）：描述用來瀏覽器你的網頁主要內容是什么。
Robots（機器人向導）：robots用來搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
Author（作者）：添加網頁作者信息。

Content的參數主要有name的參數來決定，如果是關鍵字的時候，多個關鍵字之間使用逗號隔開，一般使用5個關鍵字為宜；如果是描述的時候，描述長度一般控制在200字左右；如果是索引的時候，一般使用inde、noindex、none、all，默認是all。

Low了，網頁居然還用這么老掉牙的特效！弄個粗體字，下劃線就是突出重點了？真是一股濃濃的鄉村風撲面而來；弄個圖在頁面飄來飄去就是動畫效果了，你要這么認為的話那我只能保持沉默了。在HTML5占領著整個互聯網之時，想透過網頁抓住所有人的眼球，因循守舊是行不通的。因此，有你不能不知道的HTML常用代碼。只有熟悉掌握了常用的HTML代碼，你才能在編寫網頁的時候做到行云流水，用處處流露著細膩和創意的動效細節打動所有人。

在這里還是要說一下我自己建的前端JavaScript學習交流群：574462090，不管你是小白還是大牛，小編我都挺歡迎，小白嘛，多問點問題也就學好了，不定期分享干貨，包括最新的2017年前端學習資料，歡迎初學和進階中的小伙伴。

html代碼大全：結構性定義

文件類型<HTML></HTML> （放在檔案的開頭與結尾）

文件主題<TITLE></TITLE> （必須放在「文頭」區塊內）

文頭<HEAD></HEAD> （描述性資料，像是「主題」）

文體<BODY></BODY> （文件本體）

標題<H?></H?> （從1到6，有六層選擇）

標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>

區分<DIV></DIV>

區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區塊<BLOCKQUOTE></BLOCKQUOTE> （通常會內縮）

強調<EM></EM> （通常會以斜體顯示）

特別強調<STRONG></STRONG> （通常會以加粗顯示）

引文<CITE></CITE> （通常會以斜體顯示）

碼<CODE></CODE> （顯示原始碼之用）

樣本<SAMP></SAMP>

鍵盤輸入<KBD></KBD>

變數<VAR></VAR>

定義<DFN></DFN> （有些瀏覽器不提供）

地址 <ADDRESS></ADDRESS>

大字<BIG></BIG>

小字<SMALL></SMALL>

與外觀相關的標簽（作者自訂的表現方式）

加粗<B></B>

斜體<I></I>

底線<U></U> （尚有些瀏覽器不提供）

刪除線<S></S> （尚有些瀏覽器不提供）

下標<SUB></SUB>

上標<SUP></SUP>

打字機體<TT></TT> （用單空格字型顯示）

預定格式<PRE></PRE> （保留文件中空格的大小）

預定格式的寬度<PRE WIDTH=?></PRE>（以字元計算）

向中看齊<CENTER></CENTER> （文字與圖片都可以）

閃耀<BLINK></BLINK> （有史以來最被嘲弄的標簽）

字體大小 <FONTSIZE=?></FONT>（從1到7）

改變字體大小 <FONTSIZE=+|-?></FONT>

基本字體大小 <BASEFONTSIZE=?> （從1到7; 內定為3）

字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）

html代碼大全：修改頁面的實用性HTML代碼

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關地址">寫上你想寫的字</a>

3)在新窗口打開連接：<a href="相關地址" target="_blank">寫上要寫的字</a>

4)移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

5)字體加粗：<b>寫上你想寫的字</b>

6)字體斜體：<i>寫上你想寫的字</i>

7)字體下劃線: <u>寫上你想寫的字</u>

8)字體刪除線: <s>寫上你想寫的字</s>

9)字體加大: <big>寫上你想寫的字</big>

10)字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)

11)更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間

12)消除連接的下劃線：<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>

14)貼flash: <embed src="flash地址" width="寬度" height="高度">

15)貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

16)換行：<br>

17)段落：<p>段落</p>

18)原始文字樣式：<pre>正文</pre>

19)換帖子背景：<body background="背景圖片地址">

20)固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body

bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見10)

22)帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>

23)貼網頁：<iframe. src="相關地址" width="寬度" height="高度"></iframe>

html代碼大全：常常會遇到的問題

點擊關閉窗口

<a href="javascript.:top.window.close();">點擊關閉窗口</a>！

請問如何去掉主頁右面的滾動條？

如何做到讓一個網頁自動關閉.

<html>

<head>

</object>

</head>

<body >

這個窗口會在10秒過后自動關閉,而且不會出現提示. </body>

如何在不刷新頁面的情況下刷新css?

<style>

button{ color:#000000;}

</style>

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標簽里button選擇符使按鈕改為　　紅色</button>

請問如何讓網頁自動刷新？

在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動刷新，你可以更改為任意值。

如何讓頁面自動刷新？

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</SCRIPT>

如何讓超鏈接沒有下劃線

在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：

a { text-decoration: none}

--> </style>

請問如何去掉IE的上下滾動條？

</body>

怎樣才能把RealPlayer文件在網頁做一個試聽連接？

如何用html實現瀏覽器上后退按鈕的功能？

或者

html代碼大全：你不一定知道的技巧

16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵

　　<table borderncontextmenu=return(false)><td>no</table> 可用于Table

17. <body nselectstart="return false"> 取消選取、防止復制

18.onpaste="return false" 不準粘貼

19.oncopy="return false;" ncut="return false;" 防止復制

20. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標

21. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

22. <inputstyle="ime-mode:disabled"> 關閉輸入法

23. 永遠都會帶著框架

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

25. 網頁將不能被另存為

26. 查看網頁源代碼

<input type=button value=查看網頁源代碼

onclick="window.location = "view-source:"+"http://www.pconline.com.cn"">

27.刪除時確認

28.屏蔽功能鍵Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!");//可以換成ALT　CTRL

}

document.onkeydown=look;

</script>

29. 網頁不會被緩存

<META. HTTP-EQUIV="pragma" CONTENT="no-cache">

<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">

<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

或者<META. HTTP-EQUIV="expires"CONTENT="0">

30.怎樣讓表單沒有凹凸感？

或 <input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

31.不要滾動條?

讓豎條沒有:

</body>

讓橫條沒有:

</body>

兩個都去掉？更簡單了

</body>

32.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

33.電子郵件處理提交表單

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">

</form>

34.在打開的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

35.如何設定打開頁面的大小

打開頁面的位置<bodynload="top.moveBy(300,200);">

36.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

37. 檢查一段字符串是否全由數字組成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 獲得一個窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字符");

40.TEXTAREA自適應文字行數的多少

</textarea>

41. 日期減去天數等于第二個日期

function cc(dd,dadd)

{

//可以加上錯誤處理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")

} cc("12/23/2002",2)

</script>

42. 選擇了哪一個Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio"value="style" checked>Style.

<INPUT name="radio1" type="radio"value="barcode">Barcode

</BODY></HTML>

43.腳本永不出錯

<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

44.ENTER鍵可以讓光標移到下一個輸入框

文末再提兩點建議吧：

剛學前端JavaScript的時候，一定不要追求速成，編程不比其他傳統行業，可以快速的上手，他需要一定的代碼量積累起來，不然你追求速成很可能會車毀人亡。
這個文章到這里就說完了，想要前端學習資料的進我的群自助領取，已經上傳到群文件里了：574462090，歡迎初學和進階中的小伙伴。

如果想看到更加系統的文章和學習方法經驗可以關注我的微信公眾號：‘前端根據地’關注后回復‘給我資料’可以領取一套完整的學習視頻

在線咨詢

上一篇：1.HTML歷史
下一篇：Kubernetes已部署集群切換kube-apiserver等核心容器鏡像倉庫地址

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

javascript變量#前端

如果想看到更加系統的文章和學習方法經驗可以關注我的微信公眾號：‘前端根據地’關注后回復‘給我資料’可以領取一套完整的學習視頻

您的項目需求