Javascript 单击任意位置链接_Javascript

Javascript 单击任意位置链接

javascript

Javascript 单击任意位置链接,javascript,Javascript,我有一个启动页面，希望用户能够点击页面上的任何地方，并将其发送到主站点。我已经找到了非常接近的解决方案，但我的问题是，我的启动页面的中央有一个浮动的div，因此使用类似的东西只在单击div时起作用，而不是在背景上的任何其他地方。以下是HTML： <html> <head> <link rel="stylesheet" href="styles/layout.css" type="text/css" /> </head> <body>

我有一个启动页面，希望用户能够点击页面上的任何地方，并将其发送到主站点。我已经找到了非常接近的解决方案，但我的问题是，我的启动页面的中央有一个浮动的

div

，因此使用类似

的东西只在单击

div

时起作用，而不是在背景上的任何其他地方。以下是HTML：

<html>
<head>
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
</head>
<body>
    <div class="splash">
        <h1>PM & ASSOCIATES</h1>
        <p>Worldwide</p>
    </div>
</body>
</html>

至少在历史上，我在试图让内容占据100%的高度时遇到过类似的问题，因为

主体

只是一个

div

。它只占用内容所需的空间。因此，要解决这个问题，您应该能够使html和正文都达到100%：

html { width:100%;height:100%; }
body { width:100%;height:100%; }

这样做会迫使body标签占据整个窗口。

至少在历史上，我在尝试让内容占据100%高度时遇到过类似的问题，因为

body

只像一个

div

。它只占用内容所需的空间。因此，要解决这个问题，您应该能够使html和正文都达到100%：

html { width:100%;height:100%; }
body { width:100%;height:100%; }

这样做会迫使body标记占据整个窗口。

这是一个相当简单的解决方案，但如果您能够修改html，则可以这样做：

<html>
    <head>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    </head>
    <body>
        <div class="splash">
            <h1>PM & ASSOCIATES</h1><p>Worldwide</p>
        </div>
        <a href="[insert url here]" class="fullPageLink"></a>
    </body>
</html>

这是一个相当简单的解决方案，但如果您能够修改html，则可以这样做：

<html>
    <head>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    </head>
    <body>
        <div class="splash">
            <h1>PM & ASSOCIATES</h1><p>Worldwide</p>
        </div>
        <a href="[insert url here]" class="fullPageLink"></a>
    </body>
</html>

为什么不将主体宽度和高度设置为100%？我从来不知道html和主体标记没有默认为100%宽度/高度。吸取的教训。为什么不将正文宽度和高度设置为100%？我从来不知道html和正文标记不会默认为100%宽度/高度。吸取了教训，谢谢凯文。这是最容易实现的解决方案，尽管其他人的建议可能也同样有效。谢谢Kevin。这是最容易实现的解决方案，尽管其他人的建议可能也同样有效。你和凯文几乎同时提出了基本相同的解决方案。我得把它给凯文，因为他更快更简单，但还是很努力！你和凯文几乎同时提出了基本相同的解决方案。我得把它给凯文，因为他更快更简单，但还是很努力！