Javascript Can';t追加html元素jquery
我试图让jquery向div元素追加文本。我试图跟随这个链接,但它对我不起作用,我所看到的是你好,但单词test没有附加 以下是html:Javascript Can';t追加html元素jquery,javascript,jquery,html,node.js,Javascript,Jquery,Html,Node.js,我试图让jquery向div元素追加文本。我试图跟随这个链接,但它对我不起作用,我所看到的是你好,但单词test没有附加 以下是html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="test.js"></script>
<div class="container">
<div class="inner">Hello</div>
</div>
</body>
</html>
您的代码很好,但是node.js服务器只在路径
/
处提供test.html
。浏览器只能使用您显式发送的文件,因此HTML页面将无法加载test.js
。为该文件添加else if
(并更改内容类型):
另请注意:
现在是|
,因为以前任何GET请求都会 满足第一个条件&&
现在是=
–在大多数情况下,包括本例,最好使用=
,或严格相等。如果你感兴趣的话,请多说==
Uncaught SyntaxError:uncontracted token
,但没有您没有将脚本放在脑子里的原因是什么(或在结束标记之前)?不,您正在为所有请求提供.html文件,因此如果您查看test.js
的源代码,您会看到相同的html文档。我尝试了您的示例,但chrome抱怨test.js文件是一个脚本,但它的头说它是一个html文件。资源解释为脚本,但使用MIME类型text/html传输:"http://localhost/test.js"
是否有我搜索过的javascript的内容类型,但找不到任何内容。@2trill2spill哇!对于.js
文件,内容类型应该是application/javascript
。我已经更新了answer@2trill2spill哇。就在脸上。req.method=='GET'| | req.url==='/'
有| |
,即“or”运算符,因此,任何GET请求都满足第一个条件。将其更改为&&
$(document).ready(function() {
$('.inner').append("<p> Test </p>");
});
const fs = require("fs");
const http = require('http');
var page = fs.readFileSync('test.html');
http.createServer(function(req, res) {
if(req.method == 'GET' || req.url == '/') {
res.writeHead(200, "OK", {'Content-Type': 'text/html'});
res.write(page);
res.end();
}
}).listen(80);
const fs = require("fs");
const http = require('http');
var page = fs.readFileSync('test.html');
var testjs = fs.readFileSync('test.js');
http.createServer(function(req, res) {
if(req.method === 'GET' && req.url === '/') {
res.writeHead(200, "OK", {'Content-Type': 'text/html'});
res.write(page);
res.end();
} else if(req.method === 'GET' && req.url === '/test.js') {
res.writeHead(200, "OK", {'Content-Type': 'application/javascript'});
res.write(testjs);
res.end();
}
}).listen(80);