ゴンの気まぐれなるままに
node.js

node.js html内のjsファイルの読み込み

前回は、cssの読み込みを行ったので
今回は、jsファイルの読み込みを行います。

まず、
test.html
[code language=”html”] <html>
<head>
<meta http-equiv="content-type" content="text/html charset=UTF-8">
<title>JS テスト</title>
<script src="./js/test.js"></script>
</head>
<body>
<div class="test">
<p>JSテスト</p>
<input class="test" type="button" value="js test" onclick="test()" />
</div>
</body>
</html>
[/code] ボタンを押すとalertでtestを表示する単純なもの♪
次に、
js/test.js
[code language=”js”] function test() {
alert(‘test’);
}
[/code] 最後に、サーバjs作成
[code language=”js”] var http = require(‘http’);
var fs = require(‘fs’);

var server = http.createServer();
server.on(‘request’, getJs);
server.listen(8080);
console.log(‘Server running …’);

function getJs(req, res) {
var url = req.url;
console.log(url);
if (‘/’ == url) {
fs.readFile(‘./js.html’, ‘UTF-8’, function (err, data) {
res.writeHead(200, {‘Content-Type’: ‘text/html’});
res.write(data);
res.end();
});
} else if (‘/js/test.js’ == url) {
fs.readFile(‘./js/test.js’, ‘UTF-8’, function (err, data) {
res.writeHead(200, {‘Content-Type’: ‘text/plain’});
res.write(data);
res.end();
});
}
}
[/code] 前回CSSを読み込んだファイルを利用しただけ( ´ ▽ ` )ノ
text/cssをtext/plainに変更
そんでもって確認してみる。
jsファイル読み込みテスト
ボタンを押すと動くのが確認できる。
でもなんか納得いかない気がするσ^_^;