Tag: html5

内联Javascript（HTML）如何工作？

我知道这是不好的做法。 如果可能的话，不要这样写代码。 当然，我们总是会发现自己的情况，一个巧妙的内联Javascript片段可以快速解决问题。 为了充分理解发生了什么（以及潜在的陷阱），我正在追求这个问题： <a href="#" onclick="alert('Hi')">Click Me</a> 据我所知，这在function上是一样的 <script type="text/javascript"> $(function(){ // I use jQuery in this example document.getElementById('click_me').onclick = function () { alert('Hi'); }; }); </script> <a href="#" id="click_me">Click Me</a> 从这个外推看来，分配给属性onclick的string被插入到分配给该元素的点击处理程序的匿名函数中。 这是真的吗？ 因为我开始做这样的事情： <a href="#" onclick="$(this).next().fadeIn(); return false;">Display my next sibling</a> <!– Return false in handler so as not to scroll to top […]

HTML 5与XHTML 1.0 Transitional？

看起来HTML 5将会被Firefox 3.1和其他浏览器支持（部分）。 它增加了对video和audio作为标签的支持，但这些是XHTML 1.0 Transitional无法识别的新标签。 如果我在未来的Firefox版本中使用新的HTML 5标记，但是使用DTD作为XHTML，那么这种行为应该是什么？ 如果我将HTML 5标记与XHTML 1.0 Trans混合呢？ 这变得令人困惑。 他们为什么不把这些标签添加到XHTML？ 我们如何支持XHTML和HTML 5？ HTML 5上的video： http ： //www.youtube.com/watch？v = xIxDJof7xxQ

HTML5canvasctx.fillText不会做换行符？

如果文本包含“\ n”，我似乎无法将文本添加到canvas。 我的意思是，换行不显示/工作。 ctxPaint.fillText("s ome \n \\n <br/> thing", x, y); 上面的代码将在一行中绘制"s ome \n <br/> thing" 。 这是fillText的限制还是我做错了？ “\ n”在那里，而不是打印，但他们也不工作。

从iOS / Android上的web-app调用本机dateselect器

我试图通过使用HTML5在不同的平台上运行原生Web应用程序来探索可能性。 目前， <input type="date">字段只是在Android和iOS上打开标准软键盘。 我想在未来的移动操作系统的软键盘将包括dateselect器等 – 就像<select>调用本地select今天。 由于这不是在Android或iOS上实现的，而是在本地UI中实现的，Web应用程序是否可以调用本地dateselect器，即单击时是否可以？ 这将使我们能够停止使用像jQuery mobile和YUI这样的JavaScript库。 如果我的问题不清楚，请告诉我。 先谢谢你 ：-）

检测到浏览器没有鼠标，并且是仅触摸的

我正在开发一个非常不同的用于触摸的界面（当你点击时你的手指隐藏了屏幕）和鼠标（很大程度上依赖于hover预览）来开发一个web应用程序（而不是一个有趣的文本页面的网站）。 我怎么能检测到我的用户没有鼠标给他提供正确的界面？ 我打算为鼠标和触摸（如一些笔记本电脑）的人留下一个开关。 浏览器中的触摸事件function实际上并不意味着用户正在使用触摸设备（例如，Modernizr不会剪切它）。 如果设备有鼠标，正确回答问题的代码应该返回false，否则返回true。 对于使用鼠标和触摸的设备，它应该返回false（不能触摸） 作为一个侧面说明，我的触摸界面也可能适用于仅键盘的设备，所以更多的是缺乏鼠标，我期待检测。 为了使需要更清楚，下面是我期待实现的API： // Level 1 // The current answers provide a way to do that. hasTouch(); // Returns true if a mouse is expected. // Note: as explained by the OP, this is not !hasTouch() // I don't think we have this in the answers already, that why I […]

HTML5shiv与院长爱德华兹IE7-JS与Modernizr – 哪一个select？

我正在寻找build立我的第一个HTML5网站，并一直在寻找与IE的工作。 有html5shiv，Dean Edwards ie7-js，然后是Modernizr。 这些都大致相同吗？ 我很困惑要走哪条路。

如何在canvas元素被绘制后改变元素的不透明度（alpha，透明度）？

使用HTML5 <canvas>元素，我想加载一个图像文件（PNG，JPEG等），完全透明地将其绘制到canvas，然后淡入。我已经想出了如何加载图像并绘制它的canvas，但我不知道如何改变它的不透明度一旦被绘制。 这是我迄今为止的代码： var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } 请有人指出我正确的方向就像一个属性设置或函数调用将改变不透明度？

HTML5 – 如何stream大型.mp4文件？

我试图设置一个非常基本的html5页面，加载一个20MB的.mp4video。 看起来，浏览器需要下载整个video，而不是只播放video的第一部分，其余部分则是stream媒体。 这篇文章是我search时发现的最接近的东西…我尝试了双手制动和数据围绕都没有出现有所作为： 任何想法如何做到这一点，如果有可能？ 这是我正在使用的代码： <video controls="controls"> <source src="/video.mp4" type="video/mp4" /> Your browser does not support the video tag. </video>

使用Ajax请求将图像上载到Amazon S3，使用JavaScript和jQuery（不使用PHP）

我正在开发一个HTML，JavaScript和jQuery的网站。 我想在ajax请求上传图片到amazon s3服务器。 没有这样的SDK来整合s3在Javascript中。 一个PHP SDK是可用的，但它对我没有用处。 任何人都可以提供解决这个在JavaScript？

HTML WebSockets是否为每个客户维护一个开放的连接？ 这是否规模？

我很好奇，如果有人有关于HTML WebSockets的可伸缩性的任何信息。 对于我读过的所有内容，似乎每个客户端都将保持与服务器的开放式沟通。 我只是想知道如何扩展和一个服务器可以处理多less打开的WebSocket连接。 也许把这些连接打开并不是现实中的问题，但感觉就是这样。