程序设计 html

5

我正在努力在我的浏览器（Chrome）中进行渲染。我有一个包装器，其中包含HTML的所有元素，并且我想有一个DIV（将其称为div-1）来保存图像，并在其顶部的左上角有一个div覆盖层，就像我在其中绘制的那样图片...任何快速解决方案？

75 css html

3

我有一个textarea，我想知道我是用JavaScript还是光标在textarea的最后一行还是textarea的第一行。我想到先获取第一个换行符和最后一个换行符的位置，然后再获取光标的位置。 var firstNewline = $('#myTextarea').val().indexOf('\n'); var lastNewline = $('#myTextarea').val().lastIndexOf('\n'); var cursorPosition = ?????; if (cursorPosition < firstNewline) // I am on first line. else if (cursorPosition > lastNewline) // I am on last line. 是否可以在文本区域内获取光标位置？您是否有更好的建议来确定我是在文本区域的第一行还是最后一行？除非JavaScript如此简单，否则首选jQuery解决方案。

75 javascript jquery html input textarea

6

关闭标签页/浏览器之前的确认

如何在用户离开Gmail之前要求用户确认？我在各个地方搜索了这个问题，但他们提到的只是使用javascript window.unload和window.onbeforeunload。而且，由于它被阻塞，大多数情况下在chrome中都不起作用。

75 javascript html

8

通过javascript删除或禁用浏览器的焦点边框

如果有人将焦点放在tabindex顺序中，是否有人知道如何禁用或操作dom元素的（在大多数浏览器中）虚线边框？我想为焦点元素构建自己的样式，但是使用现有功能会很棒，因为使用tabindex可以将keydown事件绑定到dom元素。

75 javascript html css tabindex

6

如何在IE中使用HTML5 canvas元素？

我正在尝试使用HTML5 canvas元素绘制一些弧和圆-这在FF中效果很好，但是IE8似乎不支持它。现在，存在Javascript库，这些库似乎使IE8与Canvas兼容。一个例子可以在这里找到。我已经阅读了他们的全部资料，但我不明白他们是如何使Canvas与IE8一起工作的。有人可以介绍一下使用的方法吗？

75 internet-explorer-8 html canvas

3

如何从jQuery的父级中选择所有子级（任意级别）？

我必须.unbind()来自父节点的所有元素。如何从父母中选择所有子女（任何级别）？尝试过： $('#google_translate_element *').unbind('click'); 但它仅适用于第一个孩子的水平... 这里有一个测试用例

75 javascript jquery html dom

2

CSS旋转地球仪

我正在CSS中创建旋转的地球效果。我在CSS中创建了Globe： body { background-color: #111; } #earth { width: 300px; height: 300px; background: url(https://web.archive.org/web/20150807125159if_/http://www.noirextreme.com/digital/Earth-Color4096.jpg); border-radius: 50%; background-size: 610px; box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3); animation-name: rotate; animation-duration: 12s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotate; -webkit-animation-duration: 12s; -webkit-animation-iteration-count: infinite; …

75 html css css-animations

2

将图像src设置为数据URL是否应该立即可用？

考虑以下（脆弱的）JavaScript代码： var img = new Image; img.src = "data:image/png;base64,..."; // Assume valid data // Danger(?) Attempting to use image immediately after setting src console.log( img.width, img.height ); someCanvasContext.drawImage( img, 0, 0 ); // Danger(?) Setting onload after setting src img.onload = function(){ console.log('I ran!'); }; 问题图像的宽度和高度是否应该立即正确？画布绘制是否应立即工作？是否应该onload调用回调（在更改src之后设置）？实验测试 …

75 javascript html image data-uri

10

如何用<br/>替换换行符或\ r \ n？

我试图简单地替换一些新行，并尝试了三种不同的方式，但是我没有任何改变： $description = preg_replace('/\r?\n|\r/', '<br/>', $description); $description = str_replace(array("\r\n", "\r", "\n"), "<br/>", $description); $description = nl2br($description); 这些都应该起作用，但是我仍然可以换行。它们是双精度的：“ \ r \ r”。那不应该使任何这些失败，对吗？

75 php html line-breaks nl2br

9

如何使用JavaScript删除HTML中的子节点？

有类似的功能document.getElementById("FirstDiv").clear()吗？

75 javascript html dom

4

html文档中元数据的最佳做法？

我在大规模，大量，面向公众的Web应用程序上工作。应用程序的成功运行对业务非常重要，因此有许多与此相对应的MI工具。这些MI工具之一实质上是针对每个页面请求查看发送到浏览器的html（我已经对其进行了很多简化，但是出于这个问题的目的，它是一种对html进行分析的工具）为了使该MI工具获取所需的数据，我们将meta数据放在head元素中。目前，我们将其作为html注释： <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class=""> <head>       ... 该工具只需使用正则表达式查找给定的元数据注释由于此数据是元数据，因此我想将其更改为html meta标签，因为它在语义上感觉正确。像这样： <!doctype html> <html …

75 html meta-tags w3c-validation

8

如何在不使用float的情况下将div左右对齐？

当做这样的事情： <div style="float: left;">Left Div</div> <div style="float: right;">Right Div</div> 我必须使用一个空的div clear: both; 对我来说很脏因此，有没有一种方法可以不使用浮点数进行对齐？这是我的代码： .action_buttons_header a.green_button{ } <div class="change_requests_container" style="width:950px !important"> <div class="sidebar"> <a href="/view/preview_unpublished_revision/422?klass=Proposal" class="preview sidebar_button_large action_button" name="preview" onclick="window.open(this.href);return false;">Preview New Version</a> </div> <div class="content_container"> <div class="content"> <div class="action_buttons_header"> <a href="/changes/merge_changes/422" class="re_publish publish green_button" style=" margin: 5px 0px …

75 html css

5

如果其他嵌入HTML

在else中嵌入else和elseif条件的正确方法是什么？

75 php html

15

单选按钮“已检查”属性不起作用

checked默认情况下，单选按钮不显示。我开始时没有默认选择，做了一些非常简单的js验证，但是没有用。因此，我选择仅使用默认值，直到发现并发现奇怪的情况为止。标记是有效的，我已经在FF，Safari和Chrome中尝试过。没事。我认为这与jQuery库有冲突，因为删除调用脚本后问题就消失了。 <label>Do you want to accept American Express?</label> Yes <input id="amex" style="width: 20px;" type='radio' name='Contact0_AmericanExpress' value='1' /> No <input style="width: 20px;" type='radio' name='Contact0_AmericanExpress' class='check' value='0' checked="checked" /> 运行代码段隐藏结果展开摘要

75 html forms radio-button

5

您可以浏览所有单选按钮吗？

我有一个单选按钮列表。当我在它们之间切换时，似乎只有第一个单选按钮或所选的单选按钮会集中显示，其余的单选按钮将被跳过。复选框没有这个问题。 http://jsfiddle.net/2Bd32/ 我很难向质量检查人员解释这不是错误。有人可以向我解释为什么会这样。 Soccer: <input type="checkbox" name="sports" value="soccer" tabindex="1" /><br /> Football: <input type="checkbox" name="sports" value="football" tabindex="2" /><br /> <input type="radio" name="num" value="3" tabindex="3">3<br> <input type="radio" name="num" value="4" tabindex="4">4<br> <input type="radio" name="num" value="5" tabindex="5">5<br> <input type="radio" name="num" value="6" tabindex="6">6<br> <input type="radio" name="num" value="7" tabindex="7">7<br> Baseball: <input type="checkbox" name="sports" value="baseball" tabindex="8" …

75 html radio-button

Questions tagged «html»