Tag: html5

记住并重新填充文件input

我有一个网站，允许用户多次上传文件进行处理。 目前我有一个单一的文件input，但我想能够记住用户的select，并显示在屏幕上。 我想知道怎么做是在用户select一个文件后，我会记住他们的select，并重新显示文件input与预先select的页面重新加载的文件。 我只需要知道如何记住和重新填充文件input。 我也接受不使用文件input的方法（如果可能的话）。 我正在使用JQuery

把<div>放在<p>里面是增加一个额外的<p>

来自http://webdesign.about.com/od/htmltags/p/aadivtag.htm 在HTML 4中，DIV元素不能位于另一个块级元素内，如P元素。 但是，在HTML5中，可以在内部findDIV元素，并且可以包含其他stream内容元素，例如P和DIV。 我在表格里面有这样的东西 <p> <label…> <input…> </p> 但是当Rails自动生成包装input的error_explanation div时，一个段落变成了两个，我在Firebug中看到了这个： <p> <label…> </p> <div…> <input…> </div> <p> </p> 另外，如果我只是添加一个简单的 <p> <div> test </div> </p> 发生同样的问题（ JSFiddle ），并在DOM中呈现 <p> </p> <div> test </div> <p> </p> 为什么？ 更新：我通过电子邮件发送了文章的作者，并作出了适当的修改。

JavaScript的; 相同来源的标签/窗口之间的通信

我有两个窗口：窗口A和窗口B. 窗口A和窗口B具有相同的域 窗口A和窗口B没有任何父窗口。 问题： 窗口A是否有可能获得窗口B的引用？ 什么是最优雅的方式使窗口A通知窗口B？ （包括新的HTML5规范） 两种方式我知道这样做： 通过服务器发送消息：窗口B定期询问服务器，如果窗口A已经通知了某事 通过本地数据（HTML5）进行消息传递：当窗口A想要通知某些内容更改本地数据时，窗口B会定期检查本地数据是否有任何更改。 但是这两种方式并不那么优雅。 例如，获得窗口B的引用并使用window.postMessage（）（HTML5） 最终的目标是做一些类似facebook的地方，如果你打开4个facebook标签并且在一个标签上聊天，那么在每个facebook标签中聊天都是最新的，这个标签是整洁的！

如何从图像中获取像素的x，y坐标颜色？

有什么办法来检查一个PNG图像的选定（x，y）点是否透明？

CORS – 引入预检请求的动机是什么？

跨源资源共享是一种允许网页将XMLHttpRequests发送到另一个域（来自维基百科 ）的机制，而且这非常重要（来自我:)。 在过去的几天里，我一直在摆弄CORS，我想我对一切工作都有很好的理解。 所以我的问题不是关于CORS /印前检查是如何工作的，而是关于作为新的请求types提出预检的原因 。 我没有看到为什么服务器A需要向服务器B发送预检（PR）以找出是否接受真实请求（RR）的任何理由 – B肯定有可能接受/拒绝RR任何以前的公关。 经过不lesssearch，我在www.w3.org（7.1.5）find了这条信息： 为了保护资源免受源于某些用户代理之前的跨源请求的影响，需要执行预检请求，以确保资源能够识别此规范。 我觉得这是最难理解的句子。 我的解释（应该更好地称之为“最佳猜测”）是关于保护服务器B免受来自服务器C不知道规范的请求的影响。 有人可以解释一个情况/显示一个问题，PR + RR解决比RR更好吗？

编辑，保存，自修改HTML文档; 格式生成的HTML，JavaScript

动机： https : //stackoverflow.com/questions/28120689/create-self-modifying-html-page-on-box 错误：string转义，格式化的html ， js生成的初始编辑，保存html ， js 例如， a）如果在本地浏览器打开“saveFile.html” b）在textareainput“abc” c）点击save filebutton; d）点击Save File对话框; e） file-*[date according to universal time].html保存到磁盘; f）在浏览器中打开file-*[date according to universal time].html ; g）在textareainput“def” h）重复d），e），f）; i）错误：导致在第二个file-*[date according to universal time].html显示包含“abc def”文本内容的textarea ; button 不显示在html ： // at rendered `html` from second `file-*[date according to universal time].html` // `textarea` containing "abc […]

localStorage，sessionStorage，session和cookies有什么区别？

localStorage，sessionStorage，session和cookies的技术优点和缺点是什么？我什么时候可以使用它们？

在鼠标hover上从canvas获取像素颜色

是否有可能获得鼠标下的RGB值像素？ 有没有一个完整的例子？ 以下是我到目前为止： <script> function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c = ctx.getImageData(mouseX, […]

如何获取在Firefox和/或IE 10中工作的HTML 5 input type =“date”

我觉得奇怪的是， input type="date"仍然不支持在Firefox这一次。 实际上，我不认为他们在input元素上添加了很多HTML5新types（如果有的话）。 并不奇怪，它不支持IE10。 所以，我的问题是… 如何获取input元素上的type="date"而不添加另一个.js文件（即jQueryUI DatePicker Widget）只是为了获取IE和Firefox浏览器的日历/date？ 有没有什么可以应用在某个地方（CDN也许？），这将使这个function默认在Firefox和/或IE浏览器？ 试图针对IE 8 +浏览器和火狐，没关系，最新版本（28.0）将罚款。 更新：Firefox 57 +支持inputtypes=date

asynchronous加载脚本

我正在使用几个插件，自定义窗口小部件和一些JQuery的其他库。 结果我有几个.js和.css文件。 我需要为我的网站创build一个加载器，因为它需要一些时间来加载。 如果我可以在导入所有内容之前显示加载器，那将会很好： <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> … …. etc 我find了几个教程，使我能够asynchronous导入JavaScript库。 例如我可以做一些事情： (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 由于某种原因，当我做所有我的文件相同的事情页面不起作用。 我一直在努力尝试找出问题所在，但我找不到它。 首先，我认为这可能是因为一些JavaScriptfunction依赖于其他人。 但我用正确的顺序使用超时函数加载，当一个完成我进行下一个和页面仍然performance怪异。 例如我不能点击链接等…animation仍然工作虽然.. 无论如何 这是我一直在想…我相信浏览器有一个caching，这就是为什么它需要很长时间才能第一次加载页面，并在下一次快速。 所以我想做的是用一个页面replace我的index.html页面，asynchronous加载所有这些文件。 当ajax完成加载所有这些文件redirect到我打算使用的页面。 当使用该页面时，不应该花很长时间才能加载，因为文件应该被包含在浏览器的caching中。 在我的索引页（.js和.css文件asynchronous加载的页面）我不在乎得到错误。 我将只显示一个加载器，并在完成时redirect页面… […]