Tag: html

为什么Chrome将这个HTML作为一个完全空白的页面? 从Node.js,继节点初学者书

所以我使用Node.js发送了下面的HTML到我的浏览器: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <form action="/upload" method="post"> <textarea name="text" rows="20" cols="60"></textarea> <input type="submit" value="Submit text" /> </form> </body> </html> 但浏览器显示一个完全白色的空白页面。 然而,当我查看源代码时,我清楚地看到了上面所看到的,我刚刚从Chrome的“查看源代码”实用程序中复制并粘贴的内容。 为什么Chrome将HTML渲染为空白页面? 下面我有一个截图。 这是我用来发送HTML到浏览器的Node.js代码: function start(response) { console.log("Request handler 'start' was called."); var body = '<!DOCTYPE html>\n'+ '<html>\n'+ '<head>\n'+ ' <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\n'+ '</head>\n'+ '<body>\n'+ […]

在Node.js中的HTML页面之间redirect

我是Node.js的新手,我正在使用Node.js,HTML,CSS,JSdevise一个基本的网站。 在我的应用程序在本地服务器上调用localhost:4000 /之后,我能够获得主页。 在我的主页我有一个contactus标签。 当我点击它应该redirect到contactus.html页面。 但是,当我运行它在我的服务器上显示无法获取/contactus.html。 这是我的服务器: var fs=require('fs'); var express=require('express'); var app=express(); app.use(express.static(__dirname + '/static')); app.get('/', function(req,res) { data= fs.readFile('/home/swift-03/WebstormProjects/website/static/HTML/home.html', function (err, data) { res.setHeader('Content-Type', 'text/html'); res.send(data); }); }); app.listen(4000); 和我的Html页面是: <!DOCTYPE html> <html> <head> <script> function contactus() { document.location="contactus.html"; } </script> </head> <body> <div class="pos_right"> <ul class="div"> <li><a href="#" onclick="contactus()">Contact</a></li> </ul> </div> </body> […]

使用Node的http.get获取UTF-8 html内容

我试图拉一个给定的url的HTML内容和原始内容编码是utf-8。 我得到的页面的HTML,但文本白色的HTML元素返回不良格式(问号)。 这就是我所做的: var parsedPath = url.parse(path); var options = { host: parsedPath.host, path: parsedPath.path, headers: { 'Accept-Charset' : 'utf-8', } } http.get(options, function (res) { var data = ""; res.on('data', function (chunk) { data += chunk; }); res.on("end", function () { console.log(data); }); }).on("error", function () { callback(null); }); 我如何执行返回的数据的编码? 谢谢

如何确保用户只能删除特定的logging?

当直接编写sql命令时,很容易指定要删除的logging(例如,通过指定一个ID等)。 但是在网页中,如果你有一个指定不同logging的链接列表(以embedded的id作为查询参数),你如何确保用户不会在链接中编辑id,这样他就可以删除不同的logging? 例如,说我有以下的链接: <a href="foo.com/deleterecord/1121">delete</a> 用户可以轻松地复制粘贴链接,并将1121更改为1123,并删除其他不应访问的其他logging。 所以我的问题是,在你的体系结构中,你如何让用户select要删除的logging(通过点击一个链接),但同时阻止用户编辑链接删除其他logging? 或者这是在数据库层处理?

通过标签名称获取元素的子元素的长度

我正在尝试在列表下的列表中获取li的长度。 $(`ul.topnav > li`).each(function() { console.log($(this).children("ul li").length); }); body { font-size: 14px; } <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <ul class="topnav"> <li>Item 1 <ul> <li class="topnav1">Nested item 1</li> <li class="topnav1">Nested item 2</li> </ul> </li> <li>Item 2 <ul> <li class="topnav1">Nested item 1</li> <li class="topnav1">Nested item 2</li> <li class="topnav1">Nested item 3</li> </ul> </li> <li>Item 3 <ul> <li class="topnav1">Nested item 1</li> </ul> […]

节点js。 我如何从HTML调用本地文件

我有这个文件来运行app.js var express = require('express') var app = express(); var router = express.Router(); var path = __dirname + '/views/'; router.get("/",function(req,res){ res.sendFile(path + "index.html"); }); app.use("/",router); app.use("*",function(req,res){ res.sendFile(path + "index.html"); }); app.listen(8080,function(){ console.log("Live at Port 8080"); }); 我有“视图”文件夹内的“index.html”。 我想导入我的本地css文件“css”文件夹内。 我试图像这样调用文件 <link href="css/main.css"> 要么 <link href="../css/main.css"> 但它没有工作。 有没有什么具体的方法来得到它们? 谢谢

来自节点js的HTML代码不能被浏览器解释

我创build了我的第一个节点js应用程序:一个简单的networking服务器。 代码如下: // Load the http module to create an http server. var http = require('http'); // Configure our HTTP server to respond with Hello World to all requests. var server = http.createServer(function (request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.end("<a href=\"http://www.tagesschau.de/\">ARD Tagesschau</a>\n"); }); // Listen on port 8000, IP defaults to 127.0.0.1 server.listen(8000); // Put […]

如何在node.js中使用cheerio获取元素名称

如何在cheerio中获取元素的名称? 相当于jQuery的是.attr('name')但是在cheerio中返回undefined 。

在使用节点时找不到Bower组件

当我在端口8080启动节点服务器,并在浏览器中查看时,我看到: 我没有find任何凉亭文件。 当我通过编辑器,如方括号预览代码。 一切正常。 我不明白为什么node会造成问题。 我在节点中的最后一条路线如下所示: app.get('*', function(req, res){ res.sendFile(path.join(__dirname + '/public/index.html')); }); 我的文件夹结构如下所示: 而我在HTML文件中包含的内容如下所示: <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css"/> <style> html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; } </style> <!– JS Source –> <script src="../bower_components/jquery/dist/jquery.js"></script> <script src="../bower_components/angular/angular.js"></script> <script src="./core.js"></script> 任何帮助将非常感激。

用HTML将file upload到Node.js

我正在尝试使用Node.js服务器来上传文件的API。 我得到undefined回应。 我正在按照这个教程https://www.youtube.com/watch?v=UtfZ-5WKpro Node.js的: var express = require('express'); var app = express(); var bodyParser = require('body-parser'); app.use(bodyParser.json()); app.post("*", function(req, res) { res.end(JSON.stringify(req.files) + "\n"); }); console.log("Server at 8080"); app.listen(8080); HTML <html> <head> <form method="post" enctype="multipart/form-data" action="http://localhost:8080"> <input type="file" name="myimage" /> <input type="submit" name="submit" value="submit"/> </form> </head> </html> 点击提交后,我得到了undefined响应。