程序设计 html

25

使用普通的JavaScript（不是jQuery），是否可以检查元素是否包含类？目前，我正在这样做： var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "class4": test.innerHTML = "I have class4"; break; default: test.innerHTML = ""; } …

585 javascript html css dom

16

找出JQuery是否选中了单选按钮？

我可以将单选按钮设置为选中状态，但是我想做的是设置一种“侦听器”，当选中某个单选按钮时会激活它。以下面的代码为例： $("#element").click(function() { $('#radio_button').attr("checked", "checked"); }); 它添加了一个选中的属性，一切都很好，但是我将如何添加警报。例如，在没有单击功能的情况下选中单选按钮时，会弹出该窗口吗？

584 jquery html jquery-ui checked

13

一个AngularJS控制器可以调用另一个吗？

一个控制器可以使用另一个控制器吗？例如：该HTML文档仅MessageCtrl在messageCtrl.js文件中打印由控制器传递的消息。 <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div>  <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> 控制器文件包含以下代码： function MessageCtrl() { this.message = function() { return "The current date is: " + new Date().toString(); }; } 它只是打印当前日期； …

581 javascript html angularjs

4

如何在Lollipop的最新Chrome版本中更改标题栏和地址栏的颜色？

尚未找到关于该主题的任何内容。我真的很喜欢在概述中更改地址栏颜色和标题颜色的功能吗？有没有简单的方法可以做到这一点？。我想你需要的是Android 5.0棒棒糖对于这项工作，而Chrome的合并标签页和应用设置为上。

578 android html google-chrome

12

如何为网站添加浏览器标签图标（图标）？

我一直在一个网站上工作，我想在浏览器标签中添加一个小图标。如何在HTML中执行此操作以及需要在代码中放置它的位置（例如标头）？我有一个.png徽标文件，希望将其转换为图标。相关：浏览器标签上的HTML设置图像。

577 html icons favicon

7

我应该使用<i>标签而不是<span>吗？[关闭]

已关闭。这个问题是基于观点的。它当前不接受答案。想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 3年前关闭。我调查了Facebook的来源，他们使用<i>标签显示图标。另外，今天我调查了Twitter的Bootstrap。它还使用<i>标签显示图标。但，根据HTML5规范： I元素代表替代语音或语气中的文本范围，或以其他方式偏离正常散文，例如分类名称，技术术语，另一种语言的惯用语，思想，船名或其他散文，其典型的印刷形式以斜体显示。他们为什么使用<i>标签显示图标？这不是一个坏习惯吗？还是我在这里想念什么？我一直span在显示图标，到目前为止，它似乎一直对我有用。更新： Bootstrap 3现在span用于图标。官方文件

571 html semantic-markup

23

您如何使用Twitter Bootstrap获得居中的内容？

我正在尝试遵循一个非常基本的示例。使用入门页面和网格系统，我希望以下几点： <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> 运行代码段隐藏结果展开摘要 ...将产生居中的文字。但是，它仍然显示在最左侧。我究竟做错了什么？

569 html css twitter-bootstrap

21

HTML表中的自动换行

我一直在用s和s word-wrap: break-word包装文字。但是，它似乎在表单元格中不起作用。我将表设置为，其中包含一行和两列。列中的文本尽管具有上述样式，但不会自动换行。它导致文本超出单元格的边界。在Firefox，Google Chrome和Internet Explorer上会发生这种情况。divspanwidth:100%word-wrap 来源如下所示： td { border: 1px solid; } <table style="width: 100%;"> <tr> <td> <div style="word-wrap: break-word;"> Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word </div> </td> <td><span style="display: inline;">Short word</span></td> </tr> </table> 运行代码段隐藏结果展开摘要上面的长字比我页面的边界大，但与上面的HTML相同。我尝试了以下添加text-wrap:suppress和的建议text-wrap:normal，但均无济于事。

566 html css html-table

27

将工具提示添加到div

我有这样的div标签： <div> <label>Name</label> <input type="text"/> </div> 如何:hover在div 上显示工具提示，最好具有淡入/淡出效果。

566 javascript html css tooltip

3

嵌入Base64图像

纯粹出于好奇，Base64图像嵌入在哪些浏览器中起作用？我指的是这个。我意识到对于大多数事情来说，这通常不是一个好的解决方案，因为它相当大地增加了页面大小-我很好奇。一些例子： HTML： <img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /> CSS： div.image { width:100px; height:100px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); }

564 html base64 browser

3

为什么浏览器从右到左匹配CSS选择器？

浏览器引擎从右到左匹配CSS选择器。因此，他们首先找到孩子，然后检查父母，看他们是否符合规则的其余部分。为什么是这样？只是因为规格说明了吗？如果从左到右进行评估，是否会影响最终的布局？对我来说，最简单的方法是使用元素数量最少的选择器。因此，ID优先（因为它们只能返回1个元素）。然后，可能是类或具有最少节点数的元素-例如，页面上可能只有一个范围，因此请使用引用范围的任何规则直接转到该节点。这是一些支持我的主张的链接 http://code.google.com/speed/page-speed/docs/rendering.html https://developer.mozilla.org/en/Writing_Efficient_CSS 听起来这样做是为了避免查看父母的所有子代（可能很多），而不是查看必须是一个的所有子代。即使DOM很深，它也只会在每个级别查看一个节点，而不是RTL匹配中的多个节点。评估CSS选择器LTR或RTL更容易/更快吗？

560 html css browser css-selectors

10

HTML5本地存储与会话存储

除了是非持久性的并且仅限于当前窗口之外，会话存储与本地存储相比是否还有其他好处（性能，数据访问等）？

560 javascript html local-storage session-storage

7

使用CSS使div垂直滚动

这个 <div id="" style="overflow:scroll; height:400px;"> 运行代码段隐藏结果展开摘要提供了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅可垂直滚动？

560 html css

16

jQuery.click（）与onClick

我有一个庞大的jQuery应用程序，并且我将以下两种方法用于点击事件。第一种方法的HTML <div id="myDiv">Some Content</div> jQuery的 $('#myDiv').click(function(){ //Some code }); 第二种方法的HTML <div id="myDiv" onClick="divFunction()">Some Content</div> JavaScript函数调用 function divFunction(){ //Some code } 我在应用程序中使用第一种或第二种方法。哪一个更好？性能更好？和标准？

558 javascript jquery html jquery-events

22

单击时选择HTML文本输入中的所有文本

我有以下代码在HTML网页中显示文本框。 <input type="text" id="userid" name="userid" value="Please enter the user ID" /> 显示页面时，文本包含“ 请输入用户ID”消息。但是，我发现用户需要单击3次才能选择所有文本（在这种情况下，请输入用户ID）。只需单击一下就可以选择整个文本吗？编辑：抱歉，我忘了说：我必须使用输入 type="text"

553 javascript html textinput

Questions tagged «html»