Tag: html5

<script>标签是否可以自行closures？: 我在我的网站上有这个代码 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"/> <script type='text/javascript' src='/lib/player/swfobject.js'></script> swfobject不工作（未加载）。将代码更改为： <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type='text/javascript' src='/lib/player/swfobject.js'></script> 它工作正常。该文件被parsing为HTML5。我觉得很有趣好的，授予一个closures的标签和一个自动closures的标签是不一样的。所以我会明白，如果jQuery无法加载（虽然我觉得它荒谬）。但我不明白的是，jQuery加载，但以下，正确书写标签，不？

是否有可能捕获CORS错误？: 这个问题涉及跨源资源共享（CORS， http://www.w3.org/TR/cors/ ）。如果在发出CORS请求时发生错误，则Chrome（以及AFAIK其他浏览器）会将错误logging到错误控制台。示例消息可能如下所示： XMLHttpRequest无法加载http://domain2.example 。 Access-Control-Allow-Origin不允许原始http://domain1.example 。我想知道是否有一种方法来编程方式获取此错误信息？我已经尝试在try / catch中包装我的xhr.send()调用，我也尝试添加一个onerror()事件处理程序。两者都没有收到错误信息。

ie9边界半径: 我有以下在Firefox，Chrome和Safari的作品。但不是在IE9中。它将圆angular应用到td的左上angular和右侧。我错过了什么？ border-left: solid 1px #444f82; border-right:solid 1px #444f82; border-top:solid 1px #444f82; border-top-right-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -khtml-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -khtml-border-radius-topleft: 7px; behavior: url(/survey_templates/PIE.htc);

在IndexedDB中，是否有一种方法可以进行sorting的复合查询？: 说一个表有姓名，身份证，年龄，性别，教育程度等。身份证是关键，表格也是按姓名，年龄和性别进行索引的。我需要所有年龄大于25岁的男学生，按他们的名字sorting。这在mySQL中很简单： SELECT * FROM table WHERE age > 25 AND sex = "M" ORDER BY name IndexDB允许创build一个索引，并根据该索引对查询进行sorting。但是它不允许像年龄和性别这样的多重查询。我发现一个名为queryIndexedDB（https://github.com/philikon/queryIndexedDB）的小型库，它允许复合查询，但不提供sorting结果。那么有没有办法做一个sorting的复合查询，而使用IndexedDB？

显示datalist标签，但提交实际值: 目前，大多数主stream浏览器（Safari除外）都支持HTML5 <datalist>元素，这似乎是向input添加build议的有趣方式。但是， value属性的实现和<option>的内部文本之间似乎有一些差异。例如： <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> 这由不同的浏览器处理不同： Chrome和Opera： FireFox和IE 11： select一个之后，input将填充值而不是内部文本。我只希望用户在下拉菜单和input框中看到文本（“答案”），但是在提交时传递值42 ，就像select一样。我怎样才能使所有的浏览器有下拉列表显示<option>的标签（内部文本），但发送表单提交时的value属性？

有没有HTML5dateselect器的任何样式选项？: 我真的很喜欢HTML5dateselect器。知道W3C终于find了一些松懈的情况令人耳目一新，所以我们不必再重复这种常见的input方式。需要注意的是，我没有看到或预见到在select器本身上应用颜色的方式，这将在大多数站点上使用dateselect器的交易断路器。 <select>受到广泛的JavaScriptreplace黑客的影响，原因很简单，人们无法做到这一点。我很好奇，如果有人知道在W3C的土地上发生了什么事情？这与另外一个更大的问题（如果你知道答案的话）有些搭配：是否值得我的时间去尝试参与W3C或WHATWG，以便其中的某些事情能够看到白天的亮点？任何types的见解都是有帮助的。

如何在没有document.write的HTML页面中显示JavaScriptvariables: 我想在我的HTML页面上显示一些JavaScriptvariables。我是第一次使用document.write()但它用来覆盖当前的页面，当函数被调用。经过search后，普遍认为document.write()不是很受欢迎。还有什么其他的select？我发现一个页面build议使用.innerHTML但是这是在2005年写的。一个jsFiddle说明我的问题http://jsfiddle.net/xHk5g/

Flexbox和垂直滚动使用NEWER flexbox api的全高应用程序: 我想要使用flexbox的全高应用程序。我在这个链接中find了我想要使用旧的flexbox（display：box;以及其他东西）： CSS3 Flexbox全高应用程序和溢出这是旧版本的flexbox css属性的正确解决scheme。如果我想尝试使用较新的Flexbox属性，我将尝试在同一个链接中使用第二个解决scheme，但使用高度为0px的容器 “hacking”flexbox ; 它使显示一个垂直滚动。我不喜欢它很多，因为它引入了其他问题，它比解决scheme更像一个工作环境。我已经准备了一个基础示例jsfiddle： http : //jsfiddle.net/ch7n6/ #container { display: -webkit-flex; -webkit-flex-direction: column; height: 100%; } #container article { -webkit-flex: 1 1 auto; overflow-y: scroll; } 这是一个“全高HTML网页”，由于内容元素的弹性框，页脚处于底部。我build议你移动CSS代码和结果之间的酒吧来模拟不同的高度。

如何在IE中使用HTML5 canvas元素？: 我正在尝试使用HTML5canvas元素来绘制一些弧线和圆圈 – 这在FF中完美运行，但是IE8似乎不支持它。现在，存在Javascript库似乎使IE8与Canvas一起运行良好。一个例子可以在这里find 。我已经阅读了他们的完整源代码，但我不明白他们如何使用Canvas与IE8工作。有人可以对使用的方法进行一些说明吗？