为什么我的html没有响应？

我的html没有显示我写的任何内容。我试图完成的目标是在右边的“div”上做一个按钮，以便在左边div上生成5个随机玩笑。问题是，我不知道如何使一个函数，使按钮产生一个笑话。这个笑话将在一个单独的html中，当你加载html时，我将用它来替换左侧div中的默认html。对不起，如果这真的是非常混乱，但感谢你承诺。为什么我的html没有响应？

这是我到目前为止有：

主要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%; 
}

预先感谢您！

来源

2013-07-25 user2617514

那么，首先，你的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

祝你好运！

来源

2013-07-25 09:55:34

很好的答案。对不起，由于w3schools链接没有upvote。 http://www.w3fools.com/ – mishik

@mishik W3Schools有什么问题？您可能不喜欢该网站，但该网页上的信息足以说明这一点。此外，链接是答案的补充，不依赖于它 - 所以即使发生链接腐烂，也是一个有争议的问题。 –

尽管w3schools上的_some_信息没问题。仍然有很大一部分偏离标准，有时甚至是与实际W3C数据相矛盾的信息。请查看我上面评论中的链接：http://w3fools.com – mishik

你不能这样做，

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

使用Iframe代替。

Iframe用于该目的，即包含另一个html页面在body.And可以很好地包围Iframe内div

访问this对I帧一个很好的教程。

来源

2013-07-25 09:55:50

为什么我的html没有响应？

回答

相关问题