? JavaScript杂记(杂而又杂) - 蓝蓝设计_UI设计公司

追求卓越一諾千金

藍藍設計,2011年成立,主創清華團隊,專注軟件和互聯網ui設計開發。擅長企業信息化管理、監控、大數據軟件UIUE咨詢和設計開發服務。立足UI,好好學習,天天進步!


JavaScript雜記(雜而又雜)

2019-8-23 釋然 前端及開發文章及欣賞


JavaScript雜記
JavaScript可以直接寫入 HTML 輸出流
JavaScript 能夠直接寫入 HTML 輸出流中:

之間的代碼行包含了 JavaScript: 您可以在 HTML 文檔中放入不限數量的腳本。 腳本可位于 HTML 的 或 部分中,或者同時存在于兩個部分中。 通常的做法是把函數放入 部分中,或者放在頁面底部。這樣就可以把它們安置到同一處位置,不會干擾頁面的內容。 6. 外部的 JavaScript 也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。 外部 JavaScript 文件的文件擴展名是 .js。 如需使用外部文件,請在
#這個程序寫的不好,因為它沒有觸法程序,不能體現JS的作用
? 使用 document.write() 方法將內容寫到 HTML 文檔中。
? 使用 innerHTML 寫入到 HTML 元素。
? 使用 console.log() 寫入到瀏覽器的控制臺。
console.log() 方法能夠讓你看到你在頁面中的輸出內容,讓你更容易調試javascript;與alert相比,console不會打斷你頁面的操作,console里面的內容非常豐富,你可以在控制臺輸入 console。
您知道嗎?
Note 程序中調試是測試,查找及減少bug(錯誤)的過程。
8. JavaScript 數據類型
JavaScript 有多種數據類型:數字,字符串,數組,對象等等:

var length = 16; // Number 通過數字字面量賦值
var points = x * 10; // Number 通過表達式字面量賦值
var lastName = “Johnson”; // String 通過字符串字面量賦值
var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通過數組字面量賦值
var person = {firstName:“John”, lastName:“Doe”}; // Object 通過對象字面量賦值
9. Value = undefined
在計算機程序中,經常會聲明無值的變量。未使用值來聲明的變量,其值實際上是 undefined。

在執行過以下語句后,變量 carname 的值將是 undefined:

var carname;
10. Undefined 和 Null
Undefined 這個值表示變量不含有值。

可以通過將變量的值設置為 null 來清空變量。
11. 聲明變量類型
當您聲明新變量時,可以使用關鍵詞 “new” 來聲明其類型:

var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;

JavaScript 變量均為對象。當您聲明一個變量時,就創建了一個新的對象。

JavaScript函數
在JavaScript中,函數即對象,可以隨意地被程序操控,函數可以嵌套在其他函數中定義,這樣可以訪問它們被定義時所處的作用域中的任何變量。
函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。
<1>JavaScript 函數語法
函數就是包裹在花括號中的代碼塊,前面使用了關鍵詞 function:

function functionname()
{
執行代碼
}

當調用該函數時,會執行函數內的代碼。

可以在某事件發生時直接調用函數(比如當用戶點擊按鈕時),并且可由 JavaScript 在任何位置進行調用。

lamp JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫的,并且必須以與函數名稱相同的大小寫來調用函數。
提示:function 中的花括號是必需的,即使函數體內只包含一條語句,仍然必須使用花括號將其括起來。

<2>帶有返回值的函數
有時,我們會希望函數將值返回調用它的地方。

通過使用 return 語句就可以實現。

在使用 return 語句時,函數會停止執行,并返回指定的值。
<3>在您僅僅希望退出函數時 ,也可使用 return 語句。返回值是可選的:

function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
如果 a 大于 b,則上面的代碼將退出函數,并不會計算 a 和 b 的總和。

<3>局部 JavaScript 變量
在 JavaScript 函數內部聲明的變量(使用 var)是局部變量,所以只能在函數內訪問它。(該變量的作用域是局部的)。
您可以在不同的函數中使用名稱相同的局部變量,因為只有聲明過該變量的函數能識別出該變量。
只要函數運行完畢,本地變量就會被刪除。
局部變量比同名全局變量的優先級高,所以局部變量會隱藏同名的全局變量。

全局 JavaScript 變量
在函數外聲明的變量是全局變量,網頁上的所有腳本和函數都能訪問它。

JavaScript 變量的生存期
JavaScript 變量的生命期從它們被聲明的時間開始。
局部變量會在函數運行以后被刪除。
全局變量會在頁面關閉后被刪除。

向未聲明的 JavaScript 變量分配值
如果您把值賦給尚未聲明的變量,該變量將被自動作為全局變量聲明。
這條語句:
carname=“Volvo”;
將聲明一個全局變量 carname,即使它在函數內執行。
13. JavaScript 作用域
作用域是可訪問變量的集合。

在JavaScript中,能夠定義全局作用域或者局部作用域。

HTML 中的全局變量
在 HTML 中, 全局變量是 window 對象: 所有數據變量都屬于 window 對象。
實例
//此處可使用 window.carName

function myFunction() {
carName = “Volvo”;
}

? 你的全局變量,或者函數,可以覆蓋 window 對象的變量或者函數。
? 局部變量,包括 window 對象可以覆蓋全局變量和函數。
#也就是說全局變量可以覆蓋全局變量,局部可以在局部作用域里面覆蓋全局變量

JavaScript事件
JavaScript 事件
事件是可以被 JavaScript 偵測到的行為。
HTML 事件是發生在 HTML 元素上的事情。

當在 HTML 頁面中使用 JavaScript 時, JavaScript 可以觸發這些事件。
HTML 事件
HTML 事件可以是瀏覽器行為,也可以是用戶行為。
HTML 網頁中的每個元素都可以產生某些可以觸發 JavaScript 函數的事件。
以下是 HTML 事件的實例:
? HTML 頁面完成加載
? HTML input 字段改變時
? HTML 按鈕被點擊
通常,當事件發生時,你可以做些事情。
在事件觸發時 JavaScript 可以執行一些代碼。
HTML 元素中可以添加事件屬性,使用 JavaScript 代碼來添加 HTML 元素。
單引號:

雙引號:
常見的HTML事件
下面是一些常見的HTML事件的列表:
事件 描述
onchange HTML 元素改變
onclick 用戶點擊 HTML 元素
onmouseover 用戶在一個HTML元素上移動鼠標
onmouseout 用戶從一個HTML元素上移開鼠標
onkeydown 用戶按下鍵盤按鍵
onload 瀏覽器已完成頁面的加載
15. JavaScript 字符串
JavaScript 字符串用于存儲和處理文本。

字符串長度
可以使用內置屬性 length 來計算字符串的長度:

字符串屬性和方法
原始值字符串,如 “John”, 沒有屬性和方法(因為他們不是對象)。
原始值可以使用 JavaScript 的屬性和方法,因為 JavaScript 在執行方法和屬性時可以把原始值當作對象。
藍藍設計www.thriveonsite.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務
標簽: JavaScript雜記(雜而又雜) « 關于Vue中的slot的理解 | UI 工作流程指南:切圖標注»


藍藍 http://www.thriveonsite.com

訂閱Rss
2019免费挂机网赚项目 百度网赚平台是真的吗 浙江体彩6+1 广发彩票 盛源彩票注册 上网赚美金平台 巨力网赚论坛 网赚平台哪个赚钱快点 山东群英会直播 2019真实网赚