可以't附加html元素jquery

Can't append html element jquery

本文关键字：html 元素 jquery 附加 可以      更新时间：2023-09-26

我正在尝试让jquery将文本附加到div元素。我正试图关注此链接http://api.jquery.com/append/但它对我不起作用，我看到的只是你好，但单词测试没有附加。

这是html:

 <!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>

这是test.js，它与test.html位于同一目录中。

$(document).ready(function() {
 $('.inner').append("<p> Test </p>");
});

这里是为html页面提供服务的节点服务器。

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);

您的代码很好，但node.js服务器只在路径/上为test.html提供服务。只有您明确发送的文件才可用于浏览器，因此HTML页面将无法加载test.js。为此文件添加else if（并更改内容类型）：

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);

另请注意：

  • ||现在是&&，因为以前任何GET请求都会满足第一条件。

  • ==现在是===——在大多数情况下，最好使用===或严格相等，包括本例。如果你感兴趣，这里还有更多。

相关文章：