編輯js代碼（寫js用什麼編輯器）

本文目錄一覽：

• 1、怎樣編輯JS代碼
• 2、打開瀏覽器控制台，修改js代碼怎麼操作
• 3、怎麼編寫和調用js文件
• 4、如何編寫高效的js代碼
• 5、js代碼怎麼寫

怎樣編輯JS代碼

這個太多了。簡單的舉幾個例子，僅供參考：

1.總是使用var

在javascript中，變量不是全局範圍的就是函數範圍的，使用」var」關鍵詞將是保持變量簡潔明了的關鍵。當聲明一個或者是全局或者是函數級（function-level）的變量，需總是前置」var」關鍵詞，下面的例子將強調不這樣做潛在的問題。

不使用 Var 造成的問題

var i=0; // This is good – creates a global variable

function test() {

for (i=0; i10; i++) {

alert(“Hello World!”);

}

}

test();

alert(i); // The global variable i is now 10!

因為變量函數中變量 i 並沒有使用 var 使其成為函數級的變量，在這個例子中它引用了全局變量。總是使用 var 來聲明全局變量是一個很多的做法，但至關重要的一點是使用 var 定義一個函數範圍的變量。下面這兩個方法在功能上是相同的：

正確的函數

function test() {

for (var i=0; i10; i++) {

alert(“Hello World!”);

}

}

2.使用方括號方法

當訪問由執行時決定或者包括要不能用」.」號訪問的對象屬性，使用方括號記法。如果不是一個經驗豐富的Javascript程序員，總是使用方括號是一個不錯的做法

對象的屬性由兩種固定的方法來訪問：」.」記法和」[ ]「方括號記法：

「.」號記法

MyObject.property

「[ ]「方括號記法

MyObject[“property”]

使用」.」號，屬性名是硬代碼，不能在執行時改變。使用」[ ]「方括號，屬性名是一個通過計算屬性名而來的字符串。字符串要以是硬代碼，也可能是變量，甚至可以是一個調回一個字母串值的函數。 如果一個屬性名在執行產生，方括號是必須，如果有 「value1″, 「value2″, 和 「value3″這樣的屬性，並且想利用變量 i=2來訪問。

還有很多。在以後的編碼過程中，慢慢的總結。

打開瀏覽器控制台，修改js代碼怎麼操作

在瀏覽器窗口上按下F12，選擇要修改的JS代碼即可。這個只是在當前頁面有效。不能刷新

怎麼編寫和調用js文件

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，填充問題基礎代碼。

2、在index.js中，實現func1和func2函數。

3、在index.html中，新增第3個button，並調用func3()方法，並在script標籤中輸入js代碼：

function func3() {

$(‘body’).append(‘use func3br/’);

}

4、瀏覽器運行index.html頁面，此時點擊「函數3」按鈕，能正常執行func3函數來輸出內容。

如何編寫高效的js代碼

今天，我學習了怎麼樣編寫高效的js代碼

1.管理好作用域和作用域鏈，通過多使用局部變量，減少with和try catch的使用。因為with和catch都是在作用域的頂部增加了一個對象。

2.高效的存取數據。存取數據有四種方式：字面量值，變量，數組元素和對象屬性。

3.流控制：最快的條件判斷：1）if語句：兩個之內的離散值需要判斷，大連的值能容易的分到不同的區間範圍中。2）switch語句：超過2個少於10個離散值需要判斷，條件值是非線性的，無法分離出區間範圍。3）數組查詢：超過10個值，條件對應的結果是單一值，而不是一系列操作。

4.循環的提升：將循環變量遞減到0而不是遞增，這樣只判斷條件是真是假不用做比較了；展開循環：Duff策略：每一次循環完成標準循環的1-8次。通過數組值的總數除以8來確定循環次數。

5.謹慎使用HTMLCollection對象。每次存取這類對象的屬性，都會重新查詢DOM中匹配的節點。

6.將要連接的字符串存儲到數組中，調用join（）方法合併在一些瀏覽器中比+號連接字符串要快點。

7.瀏覽器會限制js可以運行的最長時間，可以使用定時器將任務拆分執行。從而避免瀏覽器彈出終止運行的警告。

js代碼怎麼寫

建議樓主看下js基礎

每一項都是js使用中的小技巧，基礎但十分的實用！

1.document.write(“”); 輸出語句

2.JS中的注釋為//

3.傳統的HTML文檔順序是:

document-html-(head,body)

4.一個瀏覽器窗口中的DOM順序是:

window-(navigator,screen,history,location,document)

5.得到表單中元素的名稱和值:

document.getElementById(“表單中元素的ID號”).name(或value)

6.一個小寫轉大寫的JS:

document.getElementById(“output”).value=document.getElementById(“input”).value.toUpperCase();

7.JS中的值類型:

String,Number,Boolean,Null,Object,Function

8.JS中的字符型轉換成數值型:

parseInt(),parseFloat()

9.JS中的數字轉換成字符型:

(“” 變量)

10.JS中的取字符串長度是:

(length)

11.JS中的字符與字符相連接使用 號.

12.JS中的比較操作符有:

==等於,!=不等於,,=,.=

13.JS中聲明變量使用:

var來進行聲明

14.JS中的判斷語句結構:

if(condition){}else{}

15.JS中的循環結構:

for([initial expression];[condition];[upadte expression]) {inside loop}

16.循環中止的命令是:

break

17.JS中的函數定義:

function functionName([parameter],…){statement[s]}

18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

19.窗口:

打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

20.狀態欄的設置:

window.status=”字符”;

21.彈出提示信息:

window.alert(“字符”);

22.彈出確認框:

window.confirm();

23.彈出輸入提示框:

window.prompt();

24.指定當前顯示鏈接的位置:

window.location.href=”URL”

25.取出窗體中的所有表單的數量:

document.forms.length

26.關閉文檔的輸出流:

document.close();

27.字符串追加連接符: =

28.創建一個文檔元素:

document.createElement(),document.createTextNode()

29.得到元素的方法:

document.getElementById()

30.設置表單中所有文本型的成員的值為空:

var form = window.document.forms[0]

for (var i = 0; iform.elements.length;i ){

if (form.elements.type == “text”){

form.elements.value = “”;

}

}