JavaScript不能直接连接MySQL数据库，但可以使用JavaScript库或框架来实现与MySQL数据库的连接和交互。以下是一种常用的方法：

1. 在服务器端创建一个包含MySQL数据库连接信息的API或后端服务。这可以使用任何后端技术，如Node.js、PHP、Python等来实现。

2. 在前端JavaScript代码中，使用AJAX或Fetch API来向后端发送HTTP请求，并获取MySQL数据库中的数据。

3. 后端应用程序接收到前端的HTTP请求后，使用相应的MySQL连接库来连接数据库，并执行查询或更新操作。

4. 后端应用程序将MySQL数据库中的数据作为HTTP响应返回给前端JavaScript代码。

下面是一个使用Node.js和Express框架连接MySQL数据库的示例：

首先，确保已经安装了Node.js和MySQL数据库，并创建一个数据库。然后，通过以下步骤连接MySQL数据库：

1. 在项目目录下执行`npm init -y`命令，创建一个新的Node.js项目。

2. 执行`npm install express mysql`命令，安装Express和MySQL库。

3. 创建一个`app.js`文件，并编写以下代码：

```javascript

const express = require('express');

const mysql = require('mysql');

const app = express();

const port = 3000;

const connection = mysql.createConnection({

host: 'localhost',

user: 'root',

password: 'your_password',

database: 'your_database'

});

connection.connect((error) => {

if (error) {

console.error('Error connecting to MySQL database: ' + error.stack);

return;

}

console.log('Connected to MySQL database as id ' + connection.threadId);

});

app.get('/', (req, res) => {

connection.query('SELECT * FROM your_table', (error, results) => {

if (error) {

console.error('Error executing MySQL query: ' + error.stack);

return;

}

res.json(results);

});

});

app.listen(port, () => {

console.log('Server listening on port ' + port);

});

在上述代码中，将`host`、`user`、`password`和`database`替换为你的MySQL数据库连接信息。`your_table`是你想要查询的表名。

4. 执行`node app.js`命令，启动应用程序，并监听3000端口。

5. 在浏览器中访问`http://localhost:3000`，将会返回MySQL数据库中`your_table`表的数据。

这只是一个简单的示例，你可以根据自己的需求修改和扩展代码。同时，也可以探索其他使用JavaScript的库和框架，如Sequelize、Knex.js等来简化与MySQL数据库的连接和交互。