Tag: JavaScript

有没有可能在JavaScript中更改document.activeElement?

是否有可能以编程方式更改JavaScript中document.activeElement属性的值?

如何在Canvas上从HTML5 File API中绘制图像?

我想在canvas上绘制一个用HTML5 File API打开的图像。 在handleFiles(e)方法中,我可以通过e.target.files[0]访问File,但是我不能直接使用drawImage绘制图像。 如何从HTML5canvas上的File API绘制图像? 这是我使用的代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <script> window.onload = function() { var input = document.getElementById('input'); input.addEventListener('change', handleFiles); } function handleFiles(e) { var ctx = document.getElementById('canvas').getContext('2d'); ctx.drawImage(e.target.files[0], 20,20); alert('the image is drawn'); } </script> </head> <body> <h1>Test</h1> <input type="file" id="input"/> <canvas width="400" height="300" id="canvas"/> </body> </html>

JavaScriptstring串联行为,具有空值或未定义的值

正如你可能知道的,在JavaScript中'' + null = "null"和'' + undefined = "undefined" (在大多数浏览器中我可以testing:Firefox,Chrome和IE)。 我想知道这个古怪的起源(Brendan Eich的头脑里到底是什么?),如果在未来的ECMA版本中有任何改变的话。 如果用'sthg' + (var || '')来连接string和variables,并使用像Underscore或其他的第三方框架那样使用锤子来敲击jelly指甲,那真是令人沮丧。 编辑: 为了满足StackOverflow所要求的标准,并澄清我的问题,这是一个三重的问题: 什么是古怪背后的历史,使JS转换为null或undefined为String串联的string值? 在将来的ECMAScript版本中,是否有机会改变这种行为? 将String与潜在的null或undefined对象连接起来而不会陷入这个问题(在String中间获得"null"一些"undefined" ,最简单的方法是什么? 我认为最主要的标准是:简短,干净,有效。 没必要说'' + (obj ? obj : '')不是很漂亮…

JQuery Datatables:无法读取未定义的属性'aDataSort'

我创build了这个小提琴,并按照我的要求,它工作得很好: 小提琴 但是,当我在我的应用程序中使用相同的时候,我在浏览器控制台中得到一个错误,说不能读取未定义的属性'aDataSort' 在我的应用程序中,JavaScript读取如下所示:我已检查控制器输出…它工作正常,并在控制台上打印。 $(document).ready(function() { $.getJSON("three.htm", function(data) { // console.log("loadDataTable >> "+JSON.stringify(data)); }) .fail(function( jqxhr, textStatus, error ) { var err = textStatus + ', ' + error; alert(err); console.log( "Request Failed: " + err); }) .success(function(data){ loadDataTable(data); }); function loadDataTable(data){ $("#recentSubscribers").dataTable().fnDestroy(); var oTable = $('#recentSubscribers').dataTable({ "aaData" : JSON.parse(data.subscribers), "processing": true, "bPaginate": false, "bFilter": […]

Three.js检测webgl支持并回退到常规canvas

任何使用three.js的人都可以告诉我它是否有可能检测到webgl支持,如果不存在,可以回退到标准的Canvas呈现器吗?

如何正确closuresnode-express服务器?

我需要在从/auth/github/callback url获得callback后closures服务器。 与通常的HTTP APIclosures服务器目前支持与server.close([callback]) API函数,但与节点快递服务器我得到TypeError: Object function app(req, res){ app.handle(req, res); } has no method 'close' TypeError: Object function app(req, res){ app.handle(req, res); } has no method 'close'错误。 而且我不知道如何find信息来解决这个问题。 我应该如何closures快递服务器? NodeJSconfiguration说明: $ node –version v0.8.17 $ npm –version 1.2.0 $ npm view express version 3.0.6 实际应用代码: var app = express(); // configure Express app.configure(function() { […]

未捕获错误:不变违例:findComponentRoot(…,… $ 110):无法find元素。 这可能意味着DOM意外地发生了变化

我在做什么错误的嵌套周期在React? 我在Googlesearch了信息,但没有find合适的信息。 你能帮我find,我明白错了吗? 从图中可以看出,我有一个variables的数据。 它工作正常。 但是当我添加一个值不是从这个<tr> ,错误出现! var TableBalls80 = React.createClass({ render:function(){ var rows = this.props.rows; var columnId = 0, trKey = 0, divKey = 0, td1stKey = 0; var td2ndKey = 100; return( <table className='table table-bordered bg-success'> <thead> <tr className='danger'> {rows[0].row.map(function (element){ columnId++; return ( <th colSpan="2" key={columnId}>{columnId}</th>); })} </tr> </thead> <tbody> {rows.map(function (rowElement){ […]

如何从JavaScript获取我的扩展的ID?

我正在编写一个Chrome扩展,我需要在我的代码中获得我的扩展的ID,所以我不需要每次手动改变它。 我怎样才能做到这一点?

使用JavaScript在div内添加/删除HTML

我想能够添加多个行到一个股份也删除它们。 我在页面顶部有一个用于添加内容的“+”button。 然后在每一行的右边有一个“ – ”button,用于删除该行。 我只是无法弄清楚在这个例子中的JavaScript代码。 这是我的基本HTML结构: <input type="button" value="+" onclick="addRow()"> <div id="content"> </div> 这是我想在内容div中添加的内容: <input type="text" name="name" value="" /> <input type="text" name="value" value="" /> <label><input type="checkbox" name="check" value="1" />Checked?</label> <input type="button" value="-" onclick="removeRow()">

getElementsByClassName()有两个类

是否有可能使用getElementsByClassName()只有一次获得类或 b类a所有元素? 我更喜欢香草JavaScript。