Tag: html

我如何通过websocket传递表单数据? (socket.io)

<form name="input" action=""> <input type="text" name="say" /> <input type="submit" value="send" /> </form> 我想发送这种forms的数据通过networking套接字服务器,我使用socket.io。 达到这个目标的最好方法是什么?

onClick处理程序不注册ReactDOMServer.renderToString

我试图复制这个小提琴: http : //jsfiddle.net/jhudson8/135oo6f8/ (我也试过这个例子http://codepen.io/adamaoc/pen/wBGGQv和存在相同的onClick处理程序问题) 并使用ReactDOMServer.renderToString使小提琴工作服务器端渲染 我有这个电话: res.send(ReactDOMServer.renderToString(( <html> <head> <link href={'/styles/style-accordion.css'} rel={'stylesheet'} type={'text/css'}></link> </head> <body> <Accordion selected='2'> <AccordionSection title='Section 1' id='1'> Section 1 content </AccordionSection> <AccordionSection title='Section 2' id='2'> Section 2 content </AccordionSection> <AccordionSection title='Section 3' id='3'> Section 3 content </AccordionSection> </Accordion> </body> </html> ))); Accordion元素看起来像这样: const React = require('react'); const fs = require('fs'); […]

jsdom不处理网页内的脚本

我是nodejs的新手。 我想用jsdomparsing一些可能包含脚本代码的网页。 但我得到错误说,函数或variables没有定义。 任何人都可以提供一些方向 我的代码 var jsdom = require('jsdom'); jsdom.env({ html: 'http://10.200.0.10:8080/test/a.html', scripts: [ 'http://code.jquery.com/jquery-1.5.min.js' ], done: function(errors, window) { var $ = window.$; window.onload(); console.log(window.a); } }); 和这里的html页面 <html> <head> <script> var a = 0; function loads(){ a=1000; } </script> </head> <body onload='loads()'> </body> </html> 并得到下面的错误信息 dfddddfdf undefined:1: ReferenceError: loads is not defined loads() […]

NodeJS + Express服务HTML文件不加载js文件?

我正在运行一个NodeJS服务器,它使用一个catchallpath来提供一个文件'index.html'。 在该文件中,我链接到同一个目录中的JavaScript文件。 该JavaScript文件未被正确加载。 在我的控制台中的错误读取'未捕获SyntaxError:意外令牌<',后研究似乎意味着我的JS文件的path是不正确的。 但是,js文件与“index.html”位于同一个目录,而且我正在引用它,应该是正确的? 这是我的代码 server.js var express = require('express'); var app = express(); var config = require('./config'); var apiRouter = express.Router(); var mongoose = require('mongoose'); var bodyParser = require('body-parser'); var User = require('./app/models/User'); var jwt = require('jsonwebtoken'); var path = require('path'); //Set the public folder app.use(express.static('/public')); //Allows us to parse POST data. app.use(bodyParser.urlencoded({ […]

运行“业力:单位”(业)任务警告:无法加载“HTML”,它没有注册! 也许你错过了一些插件?

当我跑出grunt test时,我得到了下面的警告,并没有给我预期的结果,这是写unit testing的进度。 错误:- Running "karma:unit" (karma) task WARN [reporter]: Can not load "html", it is not registered! Perhaps you are missing some plugin? INFO [karma]: Karma v0.12.15 server started at http://localhost:8080/ INFO [launcher]: Starting browser Chrome WARN [watcher]: Pattern "F:/AngularExamples/TestingAngular/test/mock/**/*.js" do es not match any file. INFO [Chrome 34.0.1847 (Windows 7)]: Connected on socket […]

NodeJS服务器,res.sendfile返回HTML但不包含“jscript includes”(<script src>)

基本上我想制作一个服务器,然后一个简单的JavaScript网站与移相器来尝试一些东西,但HTML的东西显示,但不是JavaScript。 这里是我的不同的文件和代码: index.html的: <!doctype html> <html> <center> <body> test <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="phaser.min.js"></script> <script src="game.js"></script> <div id='game'></div> </body> </center> </html> game.js: var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'game', { preload: preload, create: create, update: update }); function preload() { game.load.image('char', 'char.png'); } var sprite; var cursors; function create() { game.physics.startSystem(Phaser.Physics.P2JS); game.physics.p2.defaultRestitution = 0.8; sprite […]

如何引用通过npm安装的库的CSS?

所以比如说我安装了一些东西: npm install –save something 并下载到 ./node_modules/something/ 它有一个文件夹,也许有所谓的styles并在该文件夹中有something.css 。 我将如何包括该CSS文件在我的HTML文档(如果我的HTML文档沿着 – node-modules文件夹? 我的意思是我可以在我的HTML头做这个: <link rel="stylesheet" href="./node_modules/something/styles/something.css" type="text/css" media="screen" /> 但是在你的node_modules目录中寻找东西感觉不对。 特别是如果html文件可能需要被缩小,然后扔进一些./dist/目录。 因为那么something.css的path是closures的.. 没有办法简单地去: <link rel="stylesheet" href="something.css" type="text/css" media="screen" /> 在你的html文档中 – 不pipe它在哪里坐在你的项目结构 – 它只会知道去哪里find该CSS文件?

如何用绝对path来build立index.html引用资源?

用吞吐angular度搭build了一个Yeoman Web应用程序。 我的gulp build过程输出一个dist/index.html文件,使用相对path引用资产: <html> <head> … <link rel="stylesheet" href="styles/vendor-f57bbe49.css"> <link rel="stylesheet" href="styles/app-a0b8907b.css"> </head> <body> … <script src="scripts/vendor-a30f25be.js"></script> <script src="scripts/app-b7f411d9.js"></script> </body> </html> 我如何强制Gulp使用绝对path呢? 例如/scripts/而不是scripts/和/styles/而不是styles/ 以下是我目前src/index.html的摘录: <html> <head> … <!– build:css({.tmp/serve,src}) styles/vendor.css –> <link rel="stylesheet" href="app/vendor.css"> <!– bower:css –> <!– run `gulp inject` to automatically populate bower styles dependencies –> <!– endbower –> <!– endbuild –> […]

Nodejs Index.html加载链接和脚本404

我有一个nodejs服务器运行客户端封装在一个客户端文件夹,使pipe理index.html文件夹结构容易。 然后链接和脚本应该加载没有问题。 client folder /index.html /style.css /script.js closer folder /closure /etc. app.js package.json utility.js 在我的app.js文件中,我有一个正常的 app.get ('/', function (req,res) { res.render('index.html'); }); 当我运行并去到本地主机端口的文件加载,但是当我打开铬控制台,我看到index.html文件未能加载任何脚本404错误未find。 我注意到,在很多快速应用程序中,似乎有一些沿着这个方向的常见模式 this app.set('views', __dirname + '/client'); this app.use(express.static(__dirname + "./client")); this app.use('client', express.directory('client')); 但我没有看到app.use和app.set之间的区别的解释,也没有一个很好的解释,我能find的最好的 app.set('views',__dirname +'/ views'):使用./views作为客户端模板的默认path 来自Alex Young的文章,但即使这样对我来说也是有点稀疏和干燥的,我希望对这个索引文件为什么可能无法在同一目录级别加载链接的原因做一个更深入的解释。 <link rel="stylesheet" type="text/css" href="style.css" /> 我看着这个,我找不到问题。

脚本没有被调用

我正在使用ExpressJS。 我的脚本或CSS将不会加载。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"/> <title>Customer Info</title> <link rel="stylesheet" href="/stylesheets/testing.css" type="text/css" media="screen" charset="utf-8"/> <script type="text/javascript" src="/javascripts/jquery-1.9.1.js"></script> <script src="/javascripts/jquery-ui-1.10.2.custom.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" src="/javascripts/testing.js"></script> </head> <body> //body contents </body> </html> 我知道问题不在于地点。 当我以快速渲染这个EJS视图时,没有任何脚本正在加载。 我不明白为什么它会为几乎相同的观点工作,但不是这个。 有任何想法吗?