Tag: JavaScript

如何使用D3.js将图像添加到svg容器: 我已经创build了一个示例Asp.Net MVC 4应用程序，我已经使用了D3.js来附加一个SVG元素，然后在SVG里面添加了一个文本元素（见下面的代码）。这一切工作正常，直到我尝试使用本地PNG文件附加img到SVG。 img被附加到DOM，但img不在页面上呈现。任何想法我在这里做错了，以及如何去解决它？ @{ ViewBag.Title = "Home Page"; } <script src="~/Scripts/d3.v3.js"></script> <script type="text/javascript"> var svg = d3.select("body") .append("svg") .attr("width", 200) .attr("height", 100) .style("border", "1px solid black"); var text = svg.selectAll("text") .data([0]) .enter() .append("text") .text("Testing") .attr("x", "40") .attr("y", "60"); var imgs = svg.selectAll("img").data([0]); imgs.enter() .append("img") .attr("xlink:href", "@Url.Content("~/Contenthttp://img.dovov.comicons/refresh.png")") .attr("x", "60") .attr("y", "60") .attr("width", "20") […]

假设我的访问者启用了javascript是否合理？: 据我所知，服务器端validation是绝对必须的，以防止恶意用户（或只是select禁用JavaScript的用户）绕过客户端validation。但是，这主要是为了保护您的应用程序，而不是为那些在JavaScript禁用的情况下运行浏览器的用户提供价值。假设访问者已经启用了JavaScript，并且对于那些没有使用的站点只是有一个不可用的网站是合理的？

jQuery的：设置下拉列表的选定值？: 这个代码有什么问题？ jQuery的 $(document).ready(function() { $("#routetype").val('quietest'); )}; HTML <select id="routetype" name="routetype"> <option value="fastest">Fastest</option> <option selected="true" value="balanced">Balanced</option> <option value="quietest">Quietest</option> </select> 小提琴它给了我“平衡”作为select的选项，而不是“最安静”。

asynchronous函数+ await + setTimeout的组合: 我试图使用新的ES7asynchronousfunction，我希望解决我的问题将在未来帮助其他人。这是我的代码正在工作： async function asyncGenerator() { // other code while (goOn) { // other code var fileList = await listFiles(nextPageToken); var parents = await requestParents(fileList); // other code } // other code } function listFiles(token) { return gapi.client.drive.files.list({ 'maxResults': sizeResults, 'pageToken': token, 'q': query }); } 问题是，我的循环运行速度太快，脚本每秒发送太多的请求到谷歌API。因此，我想build立一个延迟请求的睡眠function。因此我也可以使用这个函数来延迟其他请求。如果还有其他方式推迟请求，请告诉我。无论如何，这是我的新代码不起作用。请求的响应返回给setTimeout中的匿名asynchronous函数，但我不知道如何将响应返回到睡眠函数resp。到最初的asyncGenerator函数。 async function […]

jquery – 禁用点击: 我只是想禁用用户点击某个条件的元素的能力。以下是我正在使用的一些代码： $('#navigation a').bind('click',function(e){ var $this = $(this); var prev = current; current = $this.parent().index() + 1; // store the position in current if (current == 1){ $("#navigation a:eq(1)").unbind("click"); // i want to disable the ability to click this element if current is 1 } if (current >= 2){ $("#navigation a:eq(1)").bind("click"); // this is wrong, […]

使用JavaScript将相对path转换为绝对path: 有一个function，这给了我urls如： ./some.css ./extra/some.css ../../lib/slider/slider.css 这总是一条相对path。让我们认为我们知道页面的当前path，如http://site.com/stats/2012/ ，不知道如何将这些相对path转换为真正的path？我们应该得到这样的东西： ./some.css => http://site.com/stats/2012/some.css ./extra/some.css => http://site.com/stats/2012/extra/some.css ../../lib/slider/slider.css => http://site.com/lib/slider/slider.css 没有jQuery，只有香草的JavaScript。

JavaScript：如何计算2天前的date？: 可能重复：从javascript中的date中减去天数我有一个基本上返回2天前的date的JavaScript。具体如下： var x; var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); var d = new Date(); var twoDaysAgo = d.getDate()-2; //change day here var curr_month = d.getMonth(); var curr_year = d.getFullYear(); var x = twoDaysAgo + "-" + m_names[curr_month] + "-" + curr_year; document.write(x); […]

以编程方式在<canvas>的fillStyle中使用RGBa值？: 我正在用<canvas>学习编程。我想使用一个variables来设置矩形的RGBa值。例如， var r_a = 0.3; ctx.fillStyle = "rgba(32, 45, 21, r_a)"; 这不起作用。但是ctx.fillStyle = "rgba(32, 45, 21, 0.3)"; 确实有效显然fillStyle只接受一个string。那么如何使用某个variables来设置rgba值的值，而不是显式地定义值呢？

将光标处的内容插入到内容可编辑的div中: 我有一个可以理解的div，我需要在插入位置插入文本，这可以很容易地在IE中通过document.selection.createRange().text = "banana" 有没有类似的方式在Firefox / Chrome中实现？（我知道这里存在一个解决scheme，但是不能用在contenteditable div中，而且看起来很笨拙）谢谢！