javascript

java

python

c#

node.js

android

reactjs

c++

php

jquery

html

css

git

ruby-on-rails

.net

ios

sql

c

string

ruby

php-嵌入youtube视频“拒绝显示文档,因为X-Frame-Options禁止显示”

一旦用户提供了指向视频的链接,我就会尝试将youtube视频嵌入到我的页面中。

<iframe width=\'560\' height=\'315\' src='http://www.youtube.com/watch?v=<video id>&amp;output=embed' frameborder=\'0\' allowfullscreen></iframe>

但是,当我尝试添加此错误时,出现此错误。 检查Chrome中的页面后,我在控制台标签中看到此错误

“由于X-Frame-Options禁止显示而拒绝显示文档”

即使在IEFirefox中也看不到视频

我什至尝试添加

 header('X-Frame-Options:Allow-From http://www.youtube.com'); 
 header('X-Frame-Options:GOFORIT);
 &amp;output=embed to the url

阅读其他帖子中的某些解决方案后。

但是我仍然遇到同样的错误。

我还看到youtube具有嵌入对象的方法来显示视频,但是youtube已经将其作为嵌入视频的旧方法。 因此,我想使用新的iframe方法将视频嵌入到我的页面上。

问题出现在

  • Firefox 11
  • Chrome 18.0
  • IE 8

有人遇到这个问题吗?

trans by 2019-10-16T02:09:51Z

html-使用浏览器“后退”按钮返回时清除表单中的所有字段

当用户使用浏览器后退按钮时,我需要一种清除表单中所有字段的方法。 现在,浏览器会记住所有最后的值,并在您返回时显示它们。

关于我为什么需要这个的更多说明我有一个禁用的输入字段,其值是使用算法自动生成的,以使其在特定数据组中唯一。 一旦我提交了表单并将数据输入数据库,用户就不能再次使用相同的值来提交相同的表单。 因此,我首先禁用了输入字段。 但是,如果用户使用浏览器的后退按钮,则浏览器会记住最后一个值,并且相同的值会保留在输入字段中。 因此,用户可以再次提交具有相同值的表单。

我不了解的是,当您按下浏览器的“后退”按钮时会发生什么。 如果页面大小在浏览器缓存限制之内,则似乎是从缓存中检索了整个页面,而无需联系服务器。 当您按下浏览器后退按钮时,无论如何设置浏览器,如何确保从服务器加载页面?

trans by 2019-10-15T20:07:02Z

溢出-具有水平滚动的HTML表(固定的第一列)

我一直在尝试一种方法来制作具有固定的第一列的表(表的其余部分具有水平的溢出),我看到有类似问题的帖子。 但是固定的列位似乎没有解决。 救命?

trans by 2019-10-15T19:49:30Z

html-在输入上方带有标签的样式表单

我想产生以下表单样式:

Name                    Email
[.................]     [.................]

Subject
[.................]

Message
[.........................................]
[.........................................]
[.........................................]
[.........................................]

我拥有的HTML代码是:

<form name="message" method="post">
    <section>
    <label for="name">Name</label>
    <input id="name" type="text" value="" name="name">
    <label for="email">Email</label>
    <input id="email" type="text" value="" name="email">
    </section>
    <section>
    <label for="subject">Subject</label>
    <input id="subject" type="text" value="" name="subject">
    <label for="message">Message</label>
    <input id="message" type="text" value="" name="message">
    </section>
</form>

目前,它正在产生:

Name    [...................]
Email   [...................]
Subject [...................]
Message
[.........................................]
[.........................................]
[.........................................]
[.........................................]

最好的方法是什么? 我一直迷住我的花车!

trans by 2019-10-15T17:57:36Z

html-如何将父div的自动尺寸设置为其子div的宽度

我正在尝试使父div仅与子div一样宽。 自动宽度使父div适合整个屏幕。 子div的宽度取决于其内容,因此我需要父div进行相应调整。

<div style='width:auto;'>
  <div style="width: 135px; float: left;">
    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>

    <h4 style="padding-right: 5px; padding-left: 15px;">Column1</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
    </dl>
  </div>

  <div style="width: 135px; float: right;">
    <h4 style="padding-right: 5px; padding-left: 10px;">Column2</h4>
    <dl style="padding-right: 5px; padding-left: 15px; margin-top: -8px; overflow-x: hidden;">
      <dd style="white-space: nowrap;">1</dd>
      <dd style="white-space: nowrap;">2</dd>
      <dd style="white-space: nowrap;">3</dd>
    </dl>
  </div>
</div>
trans by 2019-10-15T14:25:22Z

html-如何使弹性项目不能填充弹性容器的高度?

这个问题在这里已有答案:

  • 如何在Flexbox中禁用等高列?                                     2个答案

如下面的代码所示,flex容器内的左div延伸以符合右div的高度。 是否可以设置属性以使其高度成为容纳其内容所需的最小高度(例如在flex容器外部通常的<div id="a"> <div id="b">left</div> <div>right<br>right<br>right<br>right<br>right<br></div> </div> div)?

<div id="a">
  <div id="b">left</div>
  <div>right<br>right<br>right<br>right<br>right<br></div>
</div>
<div id="a">
  <div id="b">left</div>
  <div>right<br>right<br>right<br>right<br>right<br></div>
</div>

trans by 2019-10-15T12:07:24Z

html-绝对位置和溢出:隐藏

<div id="parent" style="overflow:hidden; position:relative;">
  <div id="child" style="position:absolute;">
  </div>
</div>

我需要显示大于其父元素的子元素,但不删除overflow:hidden;。 这可能吗?父元素具有position:relative;子元素一旦脱离父边界,就会被剥夺。

(元素定义了其他css,我只是为了清楚起见放置了样式属性)

trans by 2019-10-15T09:36:51Z

关闭HTML <input>标签发行

我想知道为什么HTML <input>标签没有像其他HTML标签那样得到结束标签,如果我们关闭输入标签会出现什么问题呢?

我尝试使用Google,但发现编写这样的输入标签的标准类似于var DOM_tag = document.createElement("input");,而不用</input>关闭它。

当我使用以下命令为var DOM_tag = document.createElement("input");按钮创建输入标签时,我个人感觉到了问题

var DOM_tag = document.createElement("input");

尽管创建了单选按钮,但我将var DOM_tag = document.createElement("input");附加到了

document.createTextNode("Radio Label");

不起作用。 在这种情况下,它仅显示不带var DOM_tag = document.createElement("input");的单选按钮。虽然我可以看到完整的代码:

<input id="my_id" type="radio" name="radio_name">Radio Label</input>

有人可以解释吗?

附言
我遇到的主要问题是自动关闭输入标签,正如我在问题中提到的那样,因为我正在使用var DOM_tag = document.createElement("input");,它会自动创建关闭标签。 我该怎么办?

trans by 2019-10-15T08:01:07Z

html-如何使一个<td>跨越两列表中的两列?

click to see the image

如何在HTML和CSS中创建类似于上述示例的表。我尝试了以下方法:

<table> 
  <tr> 
    <td style="width:50%">TEXT</td>
    <td style="width:50%">TEXT</td> 
  </tr>
  <tr> 
    <td style="width:100%">TEXT</td> 
  </tr>

但它行不通。 有人可以帮忙吗?

trans by 2019-10-15T04:46:59Z

如何在Chrome中禁用谷歌翻译从HTML

我刚刚为一家法国餐厅制作了一个网站。 该网站是英文的,但是我想网站上有足够的法语(带有菜单项标签的图片),如果使用Chrome浏览器,则会提示访问者翻译该网站。

有什么我可以添加到html中的内容,以防止Chrome请求翻译页面吗? 我以为是<html lang="en">之类的东西,但这不起作用。

有任何想法吗?

谢谢

trans by 2019-10-15T01:20:35Z

我应该在HTML网页的哪里放置CSS和Javascript代码?

设计网页时,应将以下代码放在哪里?

<head>

我应该将其放入<head>中还是应该将其放入<body>中?请澄清以下问题:

  1. 如果将它放在<head>或HTML代码中的其他任何地方,会有什么区别?
  2. 如果我有两个CSS(或Javascript)文件怎么办? 由于我只能在一个文件之前添加一个文件,因此网络浏览器将使用哪个文件来显示网页?
trans by 2019-10-14T16:30:23Z

CSS-如何通过单击<li>激活HTML链接?

我有以下标记,

<ul id="menu">              
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

<li>有点大,左侧有一个小图像,我必须实际单击<a>才能激活链接。如何单击<li>激活链接?

编辑1:

ul#menu li
{
    display:block;
    list-style: none;
    background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

ul#menu li a
{

    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}
trans by 2019-10-14T14:46:49Z

术语-HTML标签和元素之间有什么区别?

我注意到大多数人会交替使用HTML标记和HTML元素。

但是它们之间有什么区别?

我看到的方式是标签在源代码中,而元素是DOM中的处理过的标签(通过浏览器)。 我错了吗?

trans by 2019-10-14T13:39:27Z

javascript-Angular2中的(keyup)选项有哪些?

释放Enter键时,以下内容非常有用。 除keyup.enter外,keyup还有哪些其他选项可用?

<input #inputstring (keyup.enter)="doSomething(inputstring.value)"/>
trans by 2019-10-14T11:20:08Z

Html Agility Pack仍然是最好的.NET HTML解析器吗?

不久前,Html Agility Pack成为了StackOverflow问题的答案,它仍然是最佳选择吗? 还应考虑其他哪些选择? 还有更轻巧的东西吗?

trans by 2019-10-14T08:46:30Z

javascript-onclick进入全屏

我正在为即将推出的Chrome网上商店创建一个网络应用。 有没有办法模拟F11被按下? 还是简单地使当前窗口全屏显示的命令?

trans by 2019-10-14T07:28:16Z

Jenkins-HTML Publisher插件-在Jenkins中查看报告时不显示CSS

我对Jenkins HTML Publisher插件有一个奇怪的问题,其中在Jenkins中查看时,删除了我添加到报告中的所有精美CSS。 如果我将报告下载到本地,则可以看到CSS格式。 Jenkins中是否有一个允许查看CSS的设置?

我在Jenkins中的HTML发布者设置:

enter image description here

在詹金斯中显示我的报告页面:

enter image description here

当我的报告页面显示在本地时:

enter image description here

trans by 2019-10-14T06:23:04Z

javascript-可见性:隐藏和显示:无之间的性能差异

我想简化我的jQuery Backbone.js Web应用程序中的内容。 一种简化就是我的菜单和对话框小部件的行为。

以前,我在开始时就创建了菜单的div框,并使用visibility:hidden隐藏了它们。当我需要菜单时,我将其样式更改为visibility:visible,然后使用jQuery ui position实用程序来定位div框(因为无法定位具有display:none的元素) 完成后,最终将其样式更改为opacity:1

现在我想用visibility:hidden隐藏它们,当我需要它时,我使用position实用程序,然后将样式更改为visibility:visible。当我开始使用这种新方法时,在整个Web应用程序会话中,我将有大约10个div框 是隐藏的,但会占用空间,与之前用display:none隐藏的div框相反。

我的新方法意味着什么? 它会在任何方面影响浏览器性能吗?

trans by 2019-10-14T04:42:22Z

html-高度:<div>内<div>的100%显示:选项卡

这是使用.containerdisplay: table-cell CSS声明的2列标记:

.container
.container

但是.container块不会垂直填充父单元。 这是有关JsFiddle的示例:[http://jsfiddle.net/MGRdP/2。]

我有什么 我需要的

What I have What I need

请不要提出JS解决方案。

trans by 2019-10-14T00:55:18Z

html-CSS:强制浮动以进行全新的处理

我有一堆float: left元素,有些元素比其他元素稍大。 我希望换行符中断并使图像一直浮动到左侧,而不是卡在更大的元素上。

这是我正在谈论的页面:链接

如果它们大小相同,则效果很好:链接

谢谢! (如果不想,我宁愿不使用javascript或服务器端脚本)

trans by 2019-10-14T00:44:27Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共100页