Tag: html

JavaScript提交请求，如表单提交: 我试图将浏览器导向到不同的页面。如果我想要一个GET请求，我可能会说 document.location.href = 'http://example.com/q=a'; 但是我试图访问的资源将不会正确响应，除非我使用POST请求。如果这不是dynamic生成的，我可以使用HTML <form action="http://example.com/" method="POST"> <input type="hidden" name="q" value="a"> </form> 然后，我只需从DOM提交表单。但是，我真的想要JavaScript代码，让我说 post_to_url('http://example.com/', {'q':'a'}); 什么是最好的跨浏览器实现？编辑对不起，我不清楚。我需要一个改变浏览器位置的解决scheme，就像提交表单一样。如果这可能与XMLHttpRequest ，这是不明显的。这不应该是asynchronous的，也不要使用XML，所以Ajax不是答案。

什么是clearfix？: 最近我正在浏览一些网站的代码，并看到每个<div>都有一个类的clearfix 。经过Google的快速search，我了解到它有时候是IE6的，但实际上是一个clearfix？你可以提供一个带有clearfix的布局的例子，相比于没有clearfix的布局吗？

我如何使用CSS给文本或图像一个透明的背景？: 是否有可能仅使用CSS来使元素的background变为半透明，但是元素的内容（文本和图像）是不透明的？我希望在不将文字和背景作为两个单独元素的情况下完成此任务。尝试时： p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> 看起来孩子的元素受到了父母的不透明，所以opacity:1与父母的opacity:0.6有关。

你能提供一些为什么很难用正则expression式来parsingXML和HTML的例子吗？: 我看到人们一遍又一遍的错误是试图用正则expression式来parsingXML或HTML。以下是parsingXML和HTML的一些原因：人们希望将文件视为一系列的行，但这是有效的： <tag attr="5" /> 人们希望将<或<标签作为标签的开头，但是像这样的东西存在于野外： <img src="imgtag.gif" alt="<img>" /> 人们通常希望匹配起始标签到结束标签，但XML和HTML允许标签包含自己（传统的正则expression式根本无法处理）： <span id="outer"><span id="inner">foo</span></span> 人们通常希望匹配一个文档的内容（比如着名的“查找给定页面上的所有电话号码”问题），但数据可能被标记（即使在查看时看起来是正常的）： <span class="phonenum">(<span class="area code">703</span>) <span class="prefix">348</span>-<span class="linenum">3020</span></span> 评论可能包含格式不完整或不完整的标签： <a href="foo">foo</a> <!– FIXME: <a href=" –> <a href="bar">bar</a> 你还知道什么其他的陷阱？

我如何垂直居中文本与CSS？: 我有一个包含文本的div元素，我想将这个div的内容垂直居中。这是我的div风格： #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } <div Id="box"> Lorem ipsum dolor sit </div> 什么是最好的方法来做到这一点？

正则expression式模式不匹配string中的任何位: 我试图匹配使用这种模式的<input>types“隐藏”字段： /<input type="hidden" name="([^"]*?)" value="([^"]*?)" />/ 这是样本表单数据： <input type="hidden" name="SaveRequired" value="False" /><input type="hidden" name="__VIEWSTATE1" value="1H4sIAAtzrkX7QfL5VEGj6nGi+nP" /><input type="hidden" name="__VIEWSTATE2" value="0351118MK" /><input type="hidden" name="__VIEWSTATE3" value="ZVVV91yjY" /><input type="hidden" name="__VIEWSTATE0" value="3" /><input type="hidden" name="__VIEWSTATE" value="" /><input type="hidden" name="__VIEWSTATE" value="" /> 但我不确定type ， name和value属性总是以相同的顺序出现。如果type属性是最后一个，那么匹配就会失败，因为在我的模式中它是在开始的时候。题：我怎样才能改变我的模式，所以它会匹配，而不pipe在<input>标签中的属性的位置？ PS：顺便说一下，我正在使用基于Adobe Air的RegEx桌面工具来testing正则expression式。

为什么不弹性项目收缩过去的内容大小？: 我有4个flexbox列，一切正常，但是当我添加一些文本到列，并将其设置为一个大的字体大小，这是由于flexbox设置，使列比应该是更广泛。我试图使用word-break: break-word ，它帮助，但是，当我调整列的宽度非常小时，文本中的字母被分成多行（每行一个字母），但是列没有得到小于一个字母的宽度。尝试观看这个video： http : //screencast-o-matic.com/watch/cDetln1tyT （在开始，第一列是最小的，但当我调整窗口，这是最宽的列。我只是想尊重柔性设置总是..弹性尺寸1：3：4：4）我知道，设置字体大小和列填充到更小将有助于…但有没有其他解决scheme？我不能使用overflow-x: hidden 。 JSFiddle： https ：//jsfiddle.net/78h8wv4o/3/ .container { display: flex; width: 100% } .col { min-height: 200px; padding: 30px; word-break: break-word } .col1 { flex: 1; background: orange; font-size: 80px } .col2 { flex: 3; background: yellow } .col3 { flex: 4; background: skyblue } […]

使用JavaScript更改元素的类: 如何使用JavaScript更改一个HTML元素的类来响应onClick事件？

修改url而不重新加载页面: 有什么办法可以修改当前页面的url，而无需重新加载页面？如果可能，我想访问＃哈希之前的部分。我只需要改变域名后的部分，所以它不像我违反跨域政策。 window.location.href = "www.mysite.com/page2.php"; // sadly this reloads

为什么不在HTML中使用表格进行布局？: 似乎普遍认为表格不应该用于HTML中的布局。为什么？我从来没有（或者很less说实话）看到这个好的论点。通常的答案是：从布局分离内容是很好的但这是一个错误的论点; 陈词滥调。我想这是真的，使用表格元素的布局与表格数据很less。所以呢？我的老板照顾吗？我的用户关心吗？也许我或我的开发人员必须维护一个网页护理…是不是一个表维护？我认为使用表格比使用div和CSS 更容易。顺便说一下…为什么要使用div或span来完美地区分布局和表格中的内容呢？只有div才能获得良好的布局，往往需要大量的嵌套div。代码的可读性我认为这是相反的。大多数人理解HTML，很less理解CSS。 SEO最好不要使用表格为什么？任何人都可以certificate这是一个证据吗？或从谷歌的声明，从SEO的angular度来看，表格是不鼓励的？表格较慢。一个额外的tbody元素必须被插入。这是现代网页浏览器的花生。给我看一些使用表格显着减慢页面的基准。如果没有桌子，布局检修更容易，请参阅禅宗花园。大多数需要升级的网站也需要新的内容（HTML）。新版本的网站只需要一个新的CSS文件的情况不太可能。禅园是一个不错的网站，但有点理论。更不用说它滥用 CSS了。我真的很感兴趣的是使用div + CSS而不是表格。