Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
由于javascript导致页脚下方出现空白。。。如何修复?_Javascript_Jquery_Wordpress - Fatal编程技术网

由于javascript导致页脚下方出现空白。。。如何修复?

由于javascript导致页脚下方出现空白。。。如何修复?,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我在页脚下方有一个恼人的空白问题,无论我搜索了多长时间,我都找不到答案,因为我似乎无法用CSS解决这个问题。而且,问题不在每一页上。。。它在网站中任意选择(似乎)随机页面,这让我觉得这可能是由于一些javascript代码造成的,而我似乎找不到这些代码是违规方 无论如何,在浏览了几个小时的网站后,我决定在不使用javascript的情况下加载网站,并且确信空白消失了。作为一个新手程序员,我不确定下一步该怎么做。我把 <div class="clear"></div>

我在页脚下方有一个恼人的空白问题,无论我搜索了多长时间,我都找不到答案,因为我似乎无法用CSS解决这个问题。而且,问题不在每一页上。。。它在网站中任意选择(似乎)随机页面,这让我觉得这可能是由于一些javascript代码造成的,而我似乎找不到这些代码是违规方

无论如何,在浏览了几个小时的网站后,我决定在不使用javascript的情况下加载网站,并且确信空白消失了。作为一个新手程序员,我不确定下一步该怎么做。我把

<div class="clear"></div>

就在我的头球之前,瞧,它成功了。。。任何页面上都不再有空白。所以从技术上来说,我想这至少在视觉上解决了我的问题,但因为我是新手,我不知道这会带来什么潜在的影响?可以离开吗?我能试试别的吗?这个问题听上去熟悉吗?非常感谢您的帮助!我不知道你是否需要更多的信息

为了清楚起见,我在Wordpress中开发了一个儿童主题,与其他人的主题不同。该网站是一个多站点,而多站点上的另一个站点似乎根本没有被破坏,尽管它几乎拥有所有相同的元素。其中一个区别是联系人表单7表单,每个人都有自己的CF7表单实例。当我试图向CF7表单中添加一些javascript时,我相信这就是它崩溃的原因。因为我只将它添加到一个网站(表单本身),所以我认为这就是为什么只有一个网站下面有空白。仅仅删除代码是不够的

顺便说一句,我应该补充一句,我以前在这个网站上遇到过这个问题,我当时的(奇怪的)解决方案是重新命名出现空白的页面的链接。。。果然成功了。显然,随着我的网站反向链接的增加,我不想继续这样做

那么,我的基本修复就足够了吗?

正如APAD1所说,
声明必须始终是HTML文档中的第一个元素,否则它将无效!将
放在
声明之前似乎可以解决您的问题,这一事实表明,空白在某种程度上与特定HTML呈现模式的浏览器默认值相关或由其引起

另外,您使用的浏览器是什么?您没有使用Internet Explorer,是吗?不同的浏览器甚至同一浏览器的不同版本可能会以不同的方式呈现页面

对于
声明,需要指示浏览器应进入的特定布局模式

例如,在Internet Explorer中,省略
声明可能会导致浏览器进入怪癖模式,而不是符合标准模式。请注意,
用于HTML5文档,而类似于:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`
`
…用于HTML4。(X)HTML doctype声明用于将浏览器置于特定的布局/呈现模式。不同的渲染模式会导致不同的CSS默认样式。CSS规则的某些组合可能会导致意外的空白

我建议您熟悉(或至少玩转)(FireFox扩展)、Google Chrome和Safari中的(“开发工具”)和/或。所有这些工具都允许您“检查”网页中的元素。这些工具甚至可以让您查看和修改DOM中元素的HTML源代码和CSS规则。(请注意,使用这些工具所做的任何更改都不会被保存,因此不会持久!)这意味着使用其中一个工具,您可以选择页脚元素并查看其应用的(“计算的”)CSS样式。这不仅有助于排除网页或WordPress主题的故障,而且有助于开发它

总而言之:

  • 如果不将
    声明作为第一个元素,那么最好将其全部省略
  • 声明将浏览器置于具有特定CSS默认值的特定布局模式
  • CSS规则的组合可能会导致意外的空白
  • 您可以使用FireBug等浏览器“开发工具”来检查(和修改)您的网页
    • 好的,这个问题已经解决了(从现在开始)。问题是将javascript写入页脚的插件冲突。当我将javascript添加到Contact Form 7插件时,它才导致了一个问题

      为了解决这个问题,我按照你的建议在firebug中编辑了HTML,Alex。一旦我发现有问题的插件,我就禁用了冲突的脚本


      谢谢你们的帮助,伙计们。这已经解决了。

      如果没有看到任何实际代码,就不可能这么说。请举例说明您认为是什么导致了问题,特别是您试图纠正的问题。我们需要更多信息才能确定。你给我们的一点点代码没有告诉我们任何事情。“clear”类可以应用任何东西,但最有可能的是它是一个“clearfix”div,用于浮动布局中,通常用于解决浮动元素高度为0的问题。谢谢各位,我想我想说的是,在我的声明之前放一些东西有什么危险?毕竟,这不应该是我的html文档中的第一件事吗?如果不是,这会影响SEO或Google页面排名吗?“声明必须是HTML文档中的第一件事,在标记之前。”:这是一个很好的答案,谢谢Alex。虽然我一直在使用Firebug处理每一个CSS组合,但我发现这可能会影响元素。我所知道的是:(1)它正在受到影响