程序设计 html

7

可以说我目前在： http://example.com/folder/page.html 是否可以在此页面上创建指向的相对链接http://example.com/folder/而无需指定folder任何位置？（并且仅使用HTML。）更新：事实证明，./仅在非严格doctype模式下有效，而.在两种模式下均可工作，所以我认为它仍然是更好的答案:)谢谢大家。

85 html path

3

：touch CSS伪类或类似的东西？

我正在尝试制作一个按钮，以便用户单击它时，按住鼠标按钮时它会更改其样式。如果在移动浏览器中触摸它，我也希望它以类似的方式更改其样式。对我来说，看似显而易见的事情是使用CSS：active伪类，但这没有用。我尝试了：focus，但是也没有用。我尝试：hover，它似乎起作用了，但是当我将手指从按钮上移开后，它仍然保持了样式。所有这些观察都是在iPhone 4和Droid 2上进行的。是否有任何方法可以在移动浏览器（iPhone，iPad，Android和希望其他浏览器）上复制效果？现在，我正在做这样的事情： <style type="text/css"> #testButton { background: #dddddd; } #testButton:active, #testButton.active { background: #aaaaaa; } </style> ... <button type="button" id="testButton">test</button> ... <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.1.min.js'></script> <script type='text/javascript'> $("*").live("touchstart", function() { $(this).addClass("active"); }).live("touchend", function() { $(this).removeClass("active"); }); </script> ：active伪类适用于桌面浏览器，而活动类适用于触摸式浏览器。我想知道是否有一种更简单的方法，而无需涉及Javascript。

85 javascript jquery html css mobile

9

如何在文本框中使用onchange（）事件获取旧值

页面加载时，我有一个文本框和一个值填充在其中。现在，如果用户在文本框中更改任何内容，那么我想获取更改后的值（新值）和旧值，但是当我执行ELEMENT.value时，它仅给出更改后的值有任何获得旧价值的建议吗？下面是我的代码 <head> <script type="text/javascript"> function onChangeTest(changeVal) { alert("Value is " + changeVal.value); } </script> </head> <body> <form> <div> <input type="text" id="test" value ="ABS" onchange="onChangeTest(this)"> </div> </form> </body> </html> 提前致谢

85 javascript html validation

5

网址编码和HTML编码之间的区别

URL编码和HTML编码有什么区别？

85 html url encoding character-encoding

12

如何在onKeyPress期间获取输入文本框的文本？

我正在尝试在用户输入文本框（jsfiddle操场）时在文本框中获取文本： function edValueKeyPress() { var edValue = document.getElementById("edValue"); var s = edValue.value; var lblValue = document.getElementById("lblValue"); lblValue.innerText = "The text box contains: " + s; //var s = $("#edValue").val(); //$("#lblValue").text(s); } <input id="edValue" type="text" onKeyPress="edValueKeyPress()"><br> <span id="lblValue">The text box contains: </span> 运行代码段隐藏结果展开摘要代码运行没有错误，但该值的中input text框，期间onKeyPress总是值之前的变化：问题：如何在此期间获取文本框的文本onKeyPress？奖金Chat不休 HTML DOM中有三个与“用户正在键入”有关的事件： onKeyDown onKeyPress …

85 javascript html input onkeypress

3

省略协议（方案）的绝对URL，以保留当前页面之一

我看到了//somepage.com/resource网址格式。例如： <img src="//remotesite.com/image1.jpg" /> 这样做的目的是，如果当前页面（定义img标签的页面）正在使用http，则通过http向远程站点的请求。如果是https-是https。这消除了浏览器未完全加密页面的警告。我的问题是-此URL格式可安全用于所有浏览器吗？这是标准吗？

85 html http url web-applications protocol-relative

6

在div中裁剪文本太长

<div style="display:inline-block;width:100px;"> very long text </div> 任何使用纯css的方法都可以剪切太长的文本，而不是在下一行显示，并且最多显示100px

85 html css

6

填充表格行

<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …

85 html css html-table row padding

14

我可以使用jQuery打开下拉列表吗

对于HTML中的此下拉列表： <select id="countries"> <option value="1">Country</option> </select> 我想打开列表（与单击鼠标左键相同）。使用JavaScript（或更具体地说是jQuery）是否可能？

85 jquery html drop-down-menu

6

Bootstrap中的固定页脚

我正在尝试Bootstrap，我想知道，如果滚动内容，如何将页脚固定在底部而又不会从页面中消失呢？

85 html css twitter-bootstrap footer

12

任何人都有用于呈现HTML的差异算法？[关闭]

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 5年前关闭。改善这个问题我有兴趣看到一种很好的diff算法（可能用Java语言编写）来呈现两个HTML页面的并排diff。想法是，差异将显示呈现的HTML的差异。为了澄清，我希望能够将并排差异作为渲染输出。因此，如果我删除一个段落，并排视图将知道正确地隔开空间。完全是@Josh。虽然也许它将以红色或其他形式显示已删除的文本。这个想法是，如果我对HTML内容使用WYSIWYG编辑器，则不需要切换到HTML进行比较。我可能想与两个所见即所得的编辑并排执行。或至少在最终用户友好的问题上并排显示差异。

85 javascript html diff

6

您可以使用event.target定位元素的父元素吗？

我正在尝试将页面的innerHTML更改为我单击的元素的innerHTML，唯一的问题是我希望它采用整个元素，例如： <section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section> 而我用javascript编写的代码： function selectedProduct(event){ target = event.target; element = document.getElementById("test"); element.innerHTML = target.innerHTML; } 将定位我单击的特定元素。我想要实现的是，当我单击<section>元素中的任何位置时，它将采用整个元素的innerHTML，而不是我单击的特定元素。我想这与选择被单击元素的父元素有关，但是我不确定并且无法在线找到任何东西。如果可能的话，我想远离JQuery

85 javascript html

9

如何在没有实际Retina显示屏的情况下在Windows上测试Retina网站？

有没有一种方法可以在Windows上模拟Retina显示屏，以测试网站上是否有HiDPI显示屏（例如Retina）？我在标准的24英寸1920x1080显示器上运行Windows。超级清晰明了，由于直接比较，徽标显得更糟。我已按照本教程进行操作，以使我的网站Retina就绪： http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs 由于没有任何背景图片，因此我使用了retina.js方法。我有什么办法可以测试它是否真的有效？显然，我可以请我的朋友使用他的Retina笔记本，但这对我来说并不可行。我希望能够至少在我自己的环境中大致测试网站与Retina的兼容性。

85 html css retina-display retina.js

17

自动缩放input [type = text]到值的宽度？

有没有办法将an<input type="text">的宽度缩放为实际值的宽度？ input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> 运行代码段隐藏结果展开摘要

85 jquery html css

4

浏览器中的ES6模块：Uncaught SyntaxError：意外的令牌导入

我是ES6（ECMAScript 6）的新手，我想在浏览器中使用其模块系统。我阅读了Firefox和Chrome支持的ES6，但是使用时出现以下错误export Uncaught SyntaxError: Unexpected token import 我有一个test.html文件 <html> <script src="test.js"></script> <body> </body> </html> 和一个test.js文件 'use strict'; class Test { static hello() { console.log("hello world"); } } export Test; 为什么？

85 javascript html ecmascript-6 module es6-modules

Questions tagged «html»