黃子貓設計工作室: 學習JavaScript

Javascript訪問Access很容易實現，但JS訪問MYSQL卻沒有找到很簡單的方法。今天在瀏覽MYSQL網站時，發現MYSQL有ODBC連線，突然想到JS是可以通過ActiveX訪問ODBC資料庫的，經過測試發現JS連線MYSQL如此簡單！
1、下載MYSQL的ODBC連線http://www.mysql.com/downloads/connector/odbc/；
2、在JS中建立ODBC連線如下：

var con = new ActiveXObject("ADODB.Connection");
con.ConnectionString = "DRIVER={MySQL ODBC 5.1 Driver};OPTION=3;SERVER=127.0.0.1;User ID=root;Password=123456;Database=mysql;Port=3306";

//伺服器地址，資料庫賬號密碼，資料庫名，埠
con.open;
var rs = new ActiveXObject("ADODB.Recordset");
rs.open("select * from user", con);
while (!rs.eof) {
var u = rs.Fields("User");//這裡的User是user表中的一個欄位
document.write(u);
rs.moveNext;
}
rs.close();
rs = null;
con.close();
con = null;

需要注意連線字串中Driver的名稱與安裝後的ODBC中的Drivers頁中的MYSQL名稱一致即可！

在用javacript訪問資料時，若提示 "此計算機上的安全設定禁止訪問其它域的資料來源。"

則要設定IE

Internet選項--安全--自定義級別
（Internet）--通過域訪問資料資源，改為"啟用"。

==========================分割線=========================

值得一提的是，根本沒有必要使用JavaScript進行資料庫操作。我理解您搜到這篇文章的本意。這裡我就說明另外一種方法：

在onclick事件發生時可以進行一個跳轉。例如：

self.location='chuli.php';

然後在chuli.php中進行資料庫操作，所有操作完成後再用php的跳轉跳回剛剛的頁面。如

header(location:index.php);

資料庫比較小時操作會很快。使用者幾乎不會察覺。

-------------EOF -------------

2021年7月30日星期五

05_JavaScript資料型別

三個基本資料型別：
    數字. 如: 123, 120.50 等.
    字串. 如: "This text string" 等.
    布林. 如: true 或 false.

JavaScript還定義了兩種資料型別：null和undefined, 各自僅限定一個單一的值。

另, JavaScript也支援 '物件的複合資料型別'。
(註) Java不作整數和浮點值之間的區別。
在JavaScript中的所有數位均為浮點值。使用 64位元浮點格式。

JavaScript變數：
同其他的程式設計語言，JavaScript也有變數。
變數可以是命名容器。您可以將資料放入這些容器，然後參考該資料簡單地命名容器。

要在JavaScript程式使用一個變數，必須宣告它。
變數是用var宣告：
<script type="text/javascript">

</script>

以 var宣告多個變數：
<script type="text/javascript">

</script>

變數的初始化:
<script type="text/javascript">

</script>

注意：一旦宣告變數. 它的生命週期在整個文件中。不需要重新宣告同一個變數兩次。

JavaScript是型別化的語言。意味 JavaScript變數可以儲存任何資料型別的值, 不必宣告變數型別。
變數的型別可以在程式的執行過程中改變。

變數範圍：JavaScript變數只有兩個區域範疇:
全域性變數具有全域性範圍，意味它是無處不在存於JavaScript程式碼中。
區域性變數只在它被定義函式的那裡是可見的。例. 函式的引數則是區域性的。

在一個函式中，區域性變數優先於具有相同名稱的全域性變數。以下為例說明:

<script type="text/javascript">

</script>

將產生以下結果:
local

變數命名原則：
_不能使用任何保留的關鍵字作為變數名
_變數名不應以數位開始（0-9）。必須以字母或下劃線。
例，123test是無效的變數的名稱，
但 _123test是一個有效的。
_JavaScript變數名稱有區分大小寫。

保留字：
以下是在JavaScript中的保留字。不能用於如變數. 函式. 方法. 迴圈標籤. 或任何物件名稱。

2021年7月27日星期二

04_在HTML檔案放置JavaScript

JavaScript程式碼可放在HTML中的任何地方:
    在 <head>...</head> 部分.
    在 <body>...</body> 部分.
    在<body>...</body> 和<head>...</head> 部分.
    指令碼和外部檔案，然後包括在<head>... </ head>部分。

JavaScript在<head>... </ head>間:

如果你想在事件上執行一個指令碼, 如. 當使用者點選了某個地方; 則應放在該指令碼的頭部，如下示：

<html>
<head>
<script type="text/javascript">

</script>
</head>

<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

JavaScript在<body>... </ body>間:

如果一個指令碼連同頁面載入. 一起生成頁面, 則指令碼放在文件的<body>部分。在此情況下，就不必使用JavaScript定義的所有功能：

<html>
<head>
</head>
<body>
<script type="text/javascript">

</script>
<p>This is web page body </p>
</body>
</html>

JavaScript可同時存在 <body> 及 <head> :

<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<script type="text/javascript">

</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

把JavaScript存為外部檔案：
- 當站點的多個頁面重用相同的JavaScript程式碼。
- 可以多個HTML檔案使用相同的JavaScript程式碼檔。
- script標籤提供了一種機制，允許儲存JavaScript在外部檔案中，然後將其包含到HTML檔案。

(示例)
使用JavaScript外部檔案時, 該檔案需以".js"為副檔名; 例如. 先將以下內容存為 js_filename.js

js_filename.js
function sayHello() {
alert("Hello World")
}

後. 則可在 js_test.html 裡叫用 sayHello function
js_test.html
<html>
<head>
<script type="text/javascript" src="js_filename.js" ></script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

03_提醒瀏覽器啟用JavaScript

對非JavaScript瀏覽器的警告: 使用<noscript>標籤顯示給使用者。
可以在指令碼塊後. 立即加入 noscript 塊：

<html>
<body>
<script language="javascript" type="text/javascript">

</script>

<noscript>
Sorry...JavaScript is needed to go ahead.
</noscript>
</body>
</html>

即, 如果使用者沒有啟用瀏覽器支援JavaScript, 則</ noscript>會在螢幕上顯示的訊息。

2021年7月26日星期一

02_JavaScript語法

(本學習摘錄筆記取自: TW511學習網)

可以將<script>包含您的JavaScript放在網頁的任何地方，但最好的方式是放它在<head>標籤內。

<script ...>
JavaScript code
</script>

script標籤有兩個重要屬性：

language: 通常情況下，它的值是 JavaScript。雖然最近HTML（和XHTML，其繼任者）的版本已經不再使用這個屬性。

type: 該屬性是所使用的指令碼語言和它的值應被設定為 "text/javascript".

所以，你的JavaScript片段應該是這樣的：

<script language="javascript" type="text/javascript">
JavaScript code
</script>

第一個JavaScript指令碼：寫一個例子列印出 "Hello World".

<html>
<body>
<script language="javascript" type="text/javascript">

</script>
</body>
</html>

說明:

用 ""結束。
呼叫函式document.write .輸出字串到HTML。這個函式可輸出文字. HTML，或兩者。

空格和換行：
JavaScript忽略空格. 製表符. 和換行符在JavaScript程式。

分號是可選的：
後跟一個分號在JavaScript中簡單的語句，是因為相容 C. C++ 和Java。 JavaScript是可以忽略這個分號, 如. 每個語句是放置在一個單獨的行。
例. 下列程式碼可不使用分號

<script language="javascript" type="text/javascript">

</script>

但是，以下寫法時. 分號是必需的：

<script language="javascript" type="text/javascript">

</script>

註：使用分號是一個良好的程式設計習慣。

區分大小寫：
JavaScript是一種區分大小寫的語言。這意味著: 關鍵字，變數，函式名，以及任何其他的識別符號必須區分大小寫。
所以識別符號Time, TIme 和TIME 在JavaScript中有不同的含義。

(註) 變數和函式名稱在JavaScript中應注意:
JavaScript 支援C風格和C++ 風格的註釋，因此. // 和行結束之間的所有文字將被視為一個注釋，會被JavaScript忽略。
任何文字在/*和*/之間的字元被視為註釋。這可能會跨越多行。
JavaScript還承認HTML注釋開啟順序 無法識別，所以JavaScript應該寫成 //-->。

示例:

<script language="javascript" type="text/javascript">

</script>

訂閱：文章 (Atom)

黃子貓設計工作室

我們的家族網站

2022年2月13日星期日

(JS-參) Javascript: 網頁原始碼加密

2022年2月5日星期六

(JS-難) JavaScript加密解密7種方法

2022年2月2日星期三

(JavaScript) 用JavaScript對MySQL資料庫進行操作的方法

https://www.itread01.com/content/1546484045.html

用JavaScript對MySQL資料庫進行操作的方法

2021年7月30日星期五

05_JavaScript資料型別

2021年7月27日星期二

04_在HTML檔案放置JavaScript

03_提醒瀏覽器啟用JavaScript

2021年7月26日星期一

02_JavaScript語法

(Centos-7s) 更新: 網卡名稱改回 eth0 的方法

我們的家族網站

2022年2月13日 星期日

2022年2月5日 星期六

2022年2月2日 星期三

用JavaScript對MySQL資料庫進行操作的方法

2021年7月30日 星期五

2021年7月27日 星期二

2021年7月26日 星期一

2022年2月13日星期日

2022年2月5日星期六

2022年2月2日星期三

2021年7月30日星期五

2021年7月27日星期二

2021年7月26日星期一