Question

我的html没有显示我写的任何内容。我想要实现的目标是在右边的“div”上创建一个按钮，在左边的div上产生5个随机玩笑。问题是我不知道如何使一个函数使按钮产生一个笑话。这个笑话将在一个单独的html中，我将用它来替换你在加载html时左侧div中的默认值。我很抱歉，如果这真的非常混乱，但谢谢你的承诺。

这是我到目前为止所做的：

主要的html：

<html>
<head>
    <title>Free Jokes!</title>
    <meta charset="utf-8">
    <link href="final project.css" rel="stylesheet">
</head> 

<body>
<h1 id="shadow">Welcome to Free Jokes!</h1>
<div id="left" src="left.html"/>
<div id="right" src="right.html"/>
</body>
</html>

左div html：

<!DOCTYPE html>

<html>
    <head>
        <title>Free Jokes!</title>
        <script>
        var randomnumber

        function clickForJoke() {
        randomnumber=math.floor( 1 + Math.random() * 5);

        switch ( randomnumber ) {
        case 1:
            window.open( "joke1.html", target="right" );
            break;
        case 2:
            window.open( "joke2.html", target="right" );
            break;
        case 3:
            window.open( "joke3.html", target="right" );
            break;
        case 4:
            window.open( "joke4.html", target="right" );
            break;
        case 5:
            window.open( "joke5.html", target="right" );
            break;

        default:
            window.open( "joke.html", target="right" );

和外部css：

body
{
    background-color: lightblue;
}

#shadow
{
    text-shadow: -5px -8px 2px lightgreen;
    font-size: 600%;
}

left
{
    float:left;width:30%;
}

right
{
    float:right;width:70%;
}

提前谢谢！

Answer 1

嗯，首先，你的CSS选择器是错误的。他们应该是：

body
{
    background-color: lightblue;
}

#shadow
{
    text-shadow: -5px -8px 2px lightgreen;
    font-size: 600%;
}

#left
{
    float:left;width:30%;
}

#right
{
    float:right;width:70%;
}

其次，您无法在src标记上使用div属性。这是没有意义的！

如果您尝试将内容从其他位置添加到页面中，则需要使用iframe标记。无论我对使用它的感受如何，它应该更像是：

<html>
<head>
    <title>Free Jokes!</title>
    <meta charset="utf-8">
    <link href="final project.css" rel="stylesheet">
</head> 

<body>
<h1 id="shadow">Welcome to Free Jokes!</h1>
<iframe id="left" src="left.html"></iframe>
<iframe id="right" src="right.html"></iframe>
</body>
</html>

http://www.w3schools.com/tags/tag_iframe.asp

祝你好运！

Answer 2

你不能那样做

<div id="left" src="left.html"/> //src not allowed inside div tag

改为使用Iframe。

Iframe用于此目的，即在正文中包含另一个html页面。您可以将Iframe括在div

内

访问this以获取有关iframe的优秀教程。

为什么我的HTML不响应？

2 个答案: