javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

html5-混合语言页面应使用什么<html lang =“”>属性值?

我通常使用:<html lang="lang1 lang2">

但是,我正在一个使用两种语言的网站上工作,有时将它们混合在同一句子或标题中。

在这种情况下,上面的代码将如何显示? 我可以使用<html lang="lang1 lang2">吗?

trans by 2020-02-22T09:54:12Z

javascript-用于在画布上按下按键的addEventListener

我正在尝试制作一个能够响应键盘和鼠标输入的画布应用程序。 我有以下代码:

canvas = document.getElementById('canvas');
canvas.addEventListener('mousedown', function(event) {
    alert('mousedown');
        }, false);
canvas.addEventListener('keydown', function(event) {
    alert('keydown');
        }, false);

每当我单击鼠标时,都会出现“ mousedown”警报,但是永远不会出现“ keydown”警报。 相同的代码可以在JS Bin上正常工作:[http://jsbin.com/uteha3/66/]

为什么在我的页面上不起作用? 画布不识别键盘输入吗?

trans by 2020-02-22T03:44:05Z

通过CSS的HTML5 Canvas大小与元素属性

我不明白为什么以下代码段会产生不同的结果,因为CSS会在画布放大时缩放画布,

<style>
#canvas {
    width: 800px;
    height: 600px;
}
</style>
<canvas id="canvas"></canvas>

与这种方法相反(按预期工作):

<canvas id="canvas" width="800px" height="600px"></canvas>
trans by 2020-02-22T02:51:37Z

html5-HTML-5日期字段在Chrome中显示为“ mm / dd / yyyy”,即使有效日期为s

我刚刚将ASP.Net MVC应用程序升级到MVC-4。 现在,基于DateTime值的输入的字段编辑器包括HTML-5 [DisplayFormat]属性/值声明。

现在,在Chrome中查看时,我的日期输入会在输入字段中显示为“ mm / dd / yyyy”:

date field with 'mm/dd/yyyy' in box

即使当我使用value属性传递格式正确的日期时:

<input value="2012/10/02" type="date"/>

我仍然在输入框中得到“ mm / dd / yyyy”,直到用户手动更改值为止。

问题似乎出在Chrome上,并且与我的后端框架无关。 实际使用中发现此问题:jsFiddle

...当然是编辑记录的大问题。 如果用户提取的记录已经具有有效的日期,则除非提交人单击该字段并手动重置该值,否则它将不会在提交时通过验证。

其他浏览器没有问题。

这是Chrome错误吗? 还是我错过了一些有关HTML-5日期字段应该如何工作的方式?

更新
请参阅此修订提琴:[http://jsfiddle.net/HudMe/5/]它同时具有HTML-4和HTML-5日期输入,每一个都将“ 10/01/2012”设置为页面- 加载。

单击进入任一日期字段。Javascript应该使用该元素的字段值填充警报。

由于已使用value属性传递了有效日期,因此该日期应显示为“ 10/01/2012”,但在Chrome中,对于HTML-5日期字段,则不会显示任何内容。 手动重置此值,然后再次单击,它将立即显示。

在Safari,Firefox,IE和Opera中的页面加载后,HTML5字段中的值将按预期显示并发出警报,而无需进行调整。

关于接受答案的注意事项:
对于Asp.net mvc-4的其他用户,可以在视图模型的DateTime字段声明中使用[DisplayFormat]属性调整显示格式。 (位于[https://stackoverflow.com/a/12634470/613004])

trans by 2020-02-21T20:59:25Z

html-HTML5是否禁止来自tbody的单元格?

我将以下标记作为Razor视图的一部分:

<table>
  <caption>Presidents</caption>
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Born</th>
      <th scope="col">Died</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Washington</th>
      <td>1732</td>
      <td>1799</td>
    </tr>
    <!-- etc -->
  </tbody>
</table>

通过将“用于验证的目标架构”设置为HTML5,Visual Studio会抱怨:

警告1验证(HTML5):元素“ th”不得嵌套在元素“ tbody tfoot”内。

这是真的吗? 如果是这样,有人可以链接到该规范吗?

我的理解是,将<th>用于行标题不仅合法,而且值得鼓励。 这看起来确实很普遍,我可以链接数十个教程(似乎很明智)来说明它有助于辅助功能。

这是VS错误吗? HTML5带来了真正的变化(好还是坏?)? 发生了什么?

trans by 2020-02-21T16:39:57Z

html5-将文件上传选择限制为特定类型

还是通过<input type="file" />元素来限制文件类型的选择?

例如,如果我只希望上传图像类型,则将可能的选择限制为(image / jpg,image / gif,image / png),并且选择对话框将使其他mime类型的文件灰显。

ps。 我知道,使用File API之后,我可以通过扫描.type属性来执行此操作。 我真的是想事先限制它。.我也知道我可以通过Flash来做到这一点,但是我不想为此使用Flash。

trans by 2020-02-21T11:48:15Z

javascript-如何使html5视频播放静音

我发现了如何使用jquery暂停和播放视频

$("video").get(0).play();
$("video").get(0).pause();

但是我找不到静音按钮,如果没有jquery解决方案,我只需要一个onclick js解决方案就可以了。 我需要尽快。

还有解决静音延迟的方法吗? 我希望它在单击按钮后立即将声音静音/取消静音。

trans by 2020-02-21T07:55:35Z

html-输入类型DateTime-值格式?

我应该以哪种格式输入日期和时间,以用于datetime类型的HTML5输入元素?

我试过了:

  • 2012-06-01 19:31:00
  • 2012-06-01 19:31:00
  • 2012-06-01 19:31:00
  • 2012-06-01 19:31:00
  • 2012-06-01 19:31:00
  • 2012-06-01 19:31:00

他们似乎都不起作用。

trans by 2020-02-20T21:25:28Z

html-通过jQuery中的HTML5数据属性选择元素

是否可以通过其HTML5 <div>属性选择jQuery中的元素(例如,所有<div>data-role='footer')?

trans by 2020-02-20T10:03:36Z

html-使用javascript设置画布大小

我在html中有以下代码:

<canvas  id="myCanvas" width =800 height=800>

我想,而不是指定width800,调用JavaScript函数getWidth()得到宽度例如

 <canvas  id="myCanvas" width =getWidth() height=800>

正确的语法是什么? 因为我在做的事行不通。

trans by 2020-02-20T00:34:18Z

如何使用CSS自定义HTML5输入范围类型的外观?

我想自定义HTML5中范围输入类型的外观,使其看起来像进度条。 我尝试使用CSS类应用一些常见的CSS属性,但似乎它们不起作用。

谁能指导我如何自定义它?

trans by 2020-02-18T06:41:05Z

语义标记-HTML5导航元素与role =“ navigation”

以下所有内容是否具有相同的语义?如果没有,请解释您的答案。


1。

<nav>
    <ul>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
    </ul>
</nav>


2。

<div role="navigation">
    <ul>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
        <li><a href="#">link</li>
    </ul>
</div>


3。

<ul role="navigation"> 
<! -- breaks HTML5 specification 3.2.7.4 Implicit ARIA Semantics
      navigation is not an allowed value of role on ul -->
    <li><a href="#">link</li>
    <li><a href="#">link</li>
    <li><a href="#">link</li>
    <li><a href="#">link</li>
</ul>
trans by 2020-02-18T04:58:43Z

javascript-Firefox中的event.offsetX

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script language="javascript">
function main(){
    var canvas = document.getElementById("canvas");
    canvas.addEventListener("mousemove", function(e){
        if (!e) e = window.event;
        var ctx = canvas.getContext("2d");

        var x = e.offsetX;
        var y = e.offsetY;

        ctx.fillRect(x, y, 1, 1);
    });
}
</script>
</head>
<body onload="main();">
<div style="width: 800px; height: 600px; -webkit-transform: scale(0.75,0.75); -moz-transform: scale(0.75,0.75)">
    <canvas id="canvas" width="400px" height="400px" style="background-color: #cccccc;"></canvas>
</div>
</body>
</html>

请考虑上述快速而肮脏的示例。请注意,我的画布包含在已应用缩放转换的div中。上面的代码可在任何基于Webkit的浏览器上完美运行。 移动鼠标时,它将在画布上绘制点。不幸的是,它不在Firefox中,因为其事件模型不支持offsetX / Y属性。如何将(可能是)event.clientX(在firefox中也受支持)的鼠标坐标转换为考虑画布位置,转换等的画布相对坐标?谢谢,卢卡

trans by 2020-02-18T03:21:12Z

HTML5包含FI

这个问题已经在这里有了答案:

  • 有哪些新框架? [关闭]                                     3个答案

最好的方法是-兼容跨浏览器以在HTML5中包含HTML文件。

我正在用HTML5构建网站,并希望将导航存储在一个单独的文件中并包含在网站页面中。

trans by 2020-02-18T01:54:03Z

javascript-ArrayBuffer和Blob有什么区别?

我正在阅读[http://www.html5rocks.com/en/tutorials/file/xhr2/],并试图找出ArrayBuffer和Blob之间的区别。

两个容器不是都由小块组成吗? 因此,不能以多种方式(例如32位块,16位块等)查看两个容器吗?

trans by 2020-02-18T00:10:27Z

Javascript-HTML5 websockets:最大打开连接数?

HTML5 Websocket(已经有一段时间了)是一个热门话题,因为它们优雅地启用了服务器端实时推送。

我目前有一个使用Tomcat 7.0.30的websockets正常工作的应用程序,其中包括websocket支持。 但是,将其转移到生产环境会引发疑问。

我主要想知道每个浏览会话可以同时运行(打开)的最大连接数; 浏览会话表示单个浏览器选项卡或窗口。

打开的websocket连接是否总计可以由Web服务器同时处理的最大连接数? 例如。 MaxClients(在Apache中)。

相反,单个浏览会话的最大websocket数量是否受浏览器自身限制? 如本博客文章所示,截至2012年4月,不同的浏览器支持不同数量的开放式Websocket连接。 (我个人的目标是每个浏览会话打开1个websocket;但是仍然很高兴知道此信息)。

TL / DR:

  1. 什么限制了每个浏览会话可能的WebSocket数量? 是客户吗? 服务器? 或两者结合?
  2. ws:wss:553的连接是否有相同的限制?
trans by 2020-02-17T12:05:27Z

javascript-jQuery如何获取innerWidth但没有填充?

从文档中,innerWidth几乎可以满足我的需求:

“获取内部宽度(不包括边框并包括填充)   对于第一个匹配的元素。”

我需要知道宽度(不包括填充)。 即 元素内部的可用空间。

jQuery是否提供像这样的东西-做了一些谷歌搜索并且找不到任何解决方案。

我考虑过要从内部宽度中减去padding-leftpadding-right值,但是考虑到这些可能是百分比,像素或em,我不确定这是否可靠。

有什么建议么?

trans by 2020-02-16T13:25:40Z

html5-Javascript中的Prototype关键字

什么是prototype属性,为什么有必要? 到目前为止,我了解到,这提供了对对象的更多固有和私有prototype的公共访问; 那是对的吗?

另外,以下语句之间有什么区别?

MyConstructor.age = 30;
MyConstructor.prototype.age = 30;

简而言之,我需要更好地理解关键字prototype

谢谢

trans by 2020-02-16T00:38:27Z

HTML5视频:强制中止缓冲

如何在HTML5视频上强制中止事件? 我有一个叠加层,当我关闭它时,视频应该暂停播放,然后停止缓冲。 但是,我的互联网连接仍然发疯。 哦,我在Mac OS X 10.6上使用Chrome 7.0.5。

我已经尝试了几件事-没有一个起作用:

(对于那些不熟悉XUI的人,x $就像jQuery的包装函数一样)

首先,调度中止HTML事件:

var videoEl = x$('#video_el')[0];
videoEl.pause();
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('abort', false, false);
videoEl.dispatchEvent(evObj);

接下来,更改src,然后强制加载:

var videoEl = x$('#video_el')[0];
videoEl.pause();
videoEl.src = "";
videoEl.load(); //tried with and without this step

编辑:我的视频元素看起来像这样:

<video id="video_el" src="<video_url>" preload="none" controls="controls" />

同样,这些都不起作用。 有人遇到过这个问题吗? 有什么建议么?

总而言之,我正在尝试强制HTML5视频元素停止缓冲。

谢谢!

trans by 2020-02-15T23:37:46Z

html5-JavaScript源映射文件应使用哪种MIME类型?

我想将源地图添加到我的网站,但是我想对其提供方式进行一些控制。 什么是适合他们的MIME类型?

一些数据

  • 内容本身是JavaScript,但并非要照此执行。
  • CDN.js与)]}一起投放http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.map
  • Google将)]}Content-Type: application/json一起投放
  • Source Maps规范指出,地图应以)]}开头,以防止将其评估为实际的JavaScript(从而暴露了跨站点脚本攻击)。 这使得文件无效JSON和有效但不可运行的JavaScript。
trans by 2020-02-15T03:50:37Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共39页