程序设计 html

4

在querySelector中：如何获取第一个元素并获取最后一个元素？dom使用什么遍历顺序？

在div中，具有具有attribute的元素（不一定是第二代）move_id。首先，想要获取set的第一个和最后一个元素的最直接方法尝试通过以下方式获得第一个和最后一个： var first = div.querySelector('[move_id]:first'); var last = div.querySelector('[move_id]:last'); 之所以炸弹，是因为：first和：last是我的一厢情愿（？）无法使用Array方法，querySelectorAll因为NodeList它不是Array： var first = (div.querySelectorAll('[move_id]'))[0]; var last = (div.querySelectorAll('[move_id'])).pop(); 这个炸弹因为NodeList没有方法pop() （是的，可以在NodeList顶部使用Array方法： var first = div.querySelector('[move_id]'); var last = Array.prototype.pop.call(div.querySelectorAll('[move_id'])); 这有效，并且是我现在正在使用的功能，但我认为我必须更直接地缺少一些东西）其次，需要验证元素是否按照http://en.wikipedia.org/wiki/Tree_traversal按预售深度优先遍历列出

73 javascript dom html

5

使用Javascript替换包括头在内的整个页面

我有一个传递字符串的Javascript函数。传递的字符串是整个网页，包括标题。我需要Javascript才能用新内容替换整个当前页面，标题和所有内容。考虑以下HTML文件： <html> <head> <script language="Javascript">  </script> </head> <body onload="Hi();"> Original Content </body> </html> 在这种情况下，传递的字符串为： <html><head><script language="Javascript">function Hi() {alert("Goodbye World");}</script></head><body onload="Hi();">New Content</body></html> 但是，当然，由于“ ReplaceContent”功能仅替换正文，而不替换标题，因此我永远不会收到“ Goodbye World”警报。忽略“为什么要这么做”，如何动态替换整个页面，包括标题和javascript函数？请记住，“源” …

73 javascript html

4

CSS半圈（边框，仅轮廓）

我正在尝试使用CSS创建一个圆，如下图所示： ...只有一个div： <div class="myCircle"></div> 并仅使用CSS定义。不允许使用SVG，WebGL，DirectX等。我试图绘制一个完整的圆，然后将另一个圆与另一个圆淡化div，它确实起作用，但是我正在寻找一种更优雅的选择。

73 html css css-shapes

10

从Firefox中的范围输入元素中删除虚线轮廓

从版本23开始，Firefox本身就支持该<input type="range">元素，但是我不知道如何删除虚线轮廓。以下CSS无效： input[type='range'], input[type='range']:focus, input[type='range']:active, input[type='range']::-moz-focus-inner, input[type='range']:-moz-focusring { border: 0; outline: none; } 有谁知道如何在Firefox中解决此问题？示例：http：//jsfiddle.net/pF37g/

73 css html firefox

5

使用float：left后，如何获得新行？

我想做的是有几行图像，每行6张图像。其中一些图像需要在其顶部浮动另一个图像（与右下角齐平）。我能够通过此线程使它起作用：如何在HTML中将一个图像放置在另一个图像之上？但是，现在我无法在第6张图像之后获得新行。无论是<BR>或<P>创建一个新行。他们只是将下一幅图像向下推几个像素，但图像仍在同一行中。似乎float样式正在干扰<BR>and / or <P>。我尝试对开始新行的图像使用不同的样式，例如float:none和display:block，但均无效。奇怪的是新行开始于第7张图片。到目前为止，这是我正在使用的内容： <style type="text/css"> .containerdiv { float: left; position: relative; } .containerdivNewLine { float: none; display: block; position: relative; } .cornerimage { position: absolute; bottom: 0; right: 0; } </style> <div class="containerdiv"> <img border="0" height="188" src="myImg" width="133" /> <img class="cornerimage" height="140" src="imageOnTop" width="105" /> …

73 html css

9

如何使单选按钮看起来像切换按钮

我希望一组单选按钮看起来像一组切换按钮（但仍像单选按钮一样起作用）。它们不必看起来完全像切换按钮。仅使用CSS和HTML怎么做？编辑：当按钮被选中/取消选中时，我会很满意地使小圆圈消失并更改样式。

73 html css radio-button radiobuttonlist togglebutton

8

svg背景图片的位置始终在Internet Explorer中居中，尽管背景位置为：左居中；

我正在使用SVG徽标作为背景图片，但似乎无法使其在Internet Explorer （编辑：和Safari）中正确对齐到左侧。容器看起来像这样： <div id="header"> <div id="logo"></div> </div> 搭配款式： #header{ width: 100%; max-width: 1200px; height: 100%;} #logo{ background: url(../images/ss_logo.svg); background-position: left center; width: 100%; height: 100%; float: left;} 您可以看到<div>应当跨越其父项的100％，但在元素左侧显示徽标。在Chrome和Safari中这可以正常工作，但徽标始终<div id="logo">位于IE中的中心。似乎很难找到信息，其他人也遇到同样的问题吗？这是该问题的示例版本的链接，绿色框是SVG。

73 html css svg

9

空的iframe src是否有效？

我希望iframe最初src为空白，然后在页面加载后；调用JS函数，然后将该src值设置为实际值。所以是<iframe src="#" />有效的，还是我需要使用其他东西，如javascript:;等等

73 javascript html css iframe

6

动态加载CSS样式表在IE上不起作用

我动态加载CSS样式表（在jQuery的帮助下），如下所示： var head = document.getElementsByTagName('head')[0]; $(document.createElement('link')) .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' }) .appendTo(head); 在Firefox和Google Chrome浏览器中可以正常运行，但在IE中则不能。有什么帮助吗？谢谢

73 javascript jquery html css internet-explorer

4

以编程方式停止GIF动画

我正在开发一个Twitter应用程序，该应用程序直接引用来自Twitter的图像。如何防止动画gif播放？ window.stop()在页面末尾使用不适用于Firefox。是否有更好的JavaScript技巧？最好对所有浏览器都适用

73 javascript html animated-gif

6

如何选择所有带有特定文本的锚标签

给定多个锚标记： <a class="myclass" href="...">My Text</a> 如何选择与班级匹配并带有特定文本的锚点。例如，选择所有带有类别“ myclass”和文本：“ My Text”的锚点

73 jquery html css-selectors

11

允许特定标签覆盖溢出：隐藏

我有一个<div>，这是肯定的height和width，overflow:hidden因此特定的内部图像被裁剪了；但是我希望其中的一幅图像<div>弹出边框（即覆盖overflow:hidden），我该怎么做？

73 html css

12

使用绝对定位是否被认为是不好的做法？

我正在开发一个网页，在那里我为类似国际象棋的游戏布置一块面板，以及几个棋盘托盘。所有操作都使用HTML完成（使用jQuery在玩游戏时进行动态更新）。在某个地方，我有一个想法，即在页面内使用元素的绝对定位被认为是一种不好的做法，并且最好使用相对定位。经过相对定位的困扰太长时间之后，我意识到板元件的绝对定位将非常容易实现，而且确实如此。有谁知道相对定位优于绝对定位的原因吗？在决定采用哪种方法时，您是否适用任何准则或经验法则？

73 html css

8

使用相同的脚本通过html表单从PHP发送电子邮件

当用户完成HTML表单的填写后，我想通过PHP发送电子邮件，然后通过电子邮件从表单中发送信息。我想从显示具有表单的网页的同一脚本中执行此操作。我找到了此代码，但是邮件未发送。 <?php if (isset($_POST['submit'])) { $to = $_POST['email']; $subject = $_POST['name']; $message = getRequestURI(); $from = "zenphoto@example.com"; $headers = "From:" . $from; if (mail($to, $subject, $message, $headers)) { echo "Mail Sent."; } else { echo "failed"; } } ?> 用PHP发送电子邮件的代码是什么？

73 php html email

8

自动完成触发任何事件吗？

我有一个非常简单的表格。当用户在输入字段中键入内容时，我想更新他们在页面上其他位置键入的内容。这一切都很好。我已经绑定的更新的keyup，change和click事件。唯一的问题是，如果您从浏览器的自动完成框中选择一个输入，则该输入不会更新。当您从自动完成功能中进行选择时，是否会触发任何事件（显然既不是change也不是click）。请注意，如果您从“自动完成”框中选择并模糊了输入字段，则将触发更新。我希望自动完成会立即触发它。请参阅：http : //jsfiddle.net/pYKKp/（希望您过去用“电子邮件”输入填写了很多表格）。 HTML： <input name="email" /> <div id="whatever">&lt;whatever></div> CSS： div { float: right; } 脚本： $("input").on('keyup change click', function () { var v = $(this).val(); if (v) { $("#whatever").text(v); } else { $("#whatever").text('<whatever>'); } });

73 javascript jquery html autocomplete

Questions tagged «html»