Question

就像标题所说的那样，我正在尝试将一个小的javascript片段添加到网页中，但它仍然存在故障并且只显示代码，我可以得到一些帮助吗？

（对于那些想知道的人，这里是javascript片段）：

var draw = function() {
background(0,0,0);
strokeWeight(10);
stroke(0,255,0);
ellipse(mouseX,mouseY,350,350);
   strokeWeight(5);
   fill(0,0,0);
   stroke(0,255,0);
   ellipse(mouseX,mouseY,300,300);
   strokeWeight(1);
stroke(0,255, 0);
fill(0,0,0);
ellipse(mouseX,mouseY,250,250);
ellipse(mouseX,mouseY,155,155);
ellipse(mouseX,mouseY,145,145);
ellipse(mouseX,mouseY,135,135);
ellipse(mouseX,mouseY,125,125);
ellipse(mouseX,mouseY,115,115);
ellipse(mouseX,mouseY,105,105);
ellipse(mouseX,mouseY,95,95);
ellipse(mouseX,mouseY,85,85);
ellipse(mouseX,mouseY,75,75);
ellipse(mouseX,mouseY,65,65);
ellipse(mouseX,mouseY,55,55);
ellipse(mouseX,mouseY,45,45);
ellipse(mouseX,mouseY,35,35);
ellipse(mouseX,mouseY,25,25);
ellipse(mouseX,mouseY,15,15);
ellipse(mouseX,mouseY,5,5);
line(200,0,mouseX,mouseY-150);
line(0,200,mouseX-150,mouseY);
line(400,200,mouseX+150,mouseY);
line(200,400,mouseX,mouseY+150);
fill(0,0,0);
line(0,0,mouseX,mouseY);
line(400,0,mouseX,mouseY);
line(0,400,mouseX,mouseY);
line(400,400,mouseX,mouseY);
fill(0,0,0);
stroke(0,255,0);    
    line(250,250,250,150);
    line(250,150,150,150);
    line(150,150,150,250);
    line(150,250,250,250);
ellipse(250,250,10,10);
ellipse(250,150,10,10);
ellipse(150,150,10,10);
ellipse(150,250,10,10);

};

Answer 1

如果您的网页上有javascript，则必须使用<script></script>标记进行包装。请尝试将其添加到您的网页中。

<script>

var draw = function() {
    background(0,0,0);
    strokeWeight(10);
    stroke(0,255,0);
    ellipse(mouseX,mouseY,350,350);
    strokeWeight(5);
    fill(0,0,0);
    stroke(0,255,0);
    ellipse(mouseX,mouseY,300,300);
    strokeWeight(1);
    stroke(0,255, 0);
    fill(0,0,0);
    ellipse(mouseX,mouseY,250,250);
    ellipse(mouseX,mouseY,155,155);
    ellipse(mouseX,mouseY,145,145);
    ellipse(mouseX,mouseY,135,135);
    ellipse(mouseX,mouseY,125,125);
    ellipse(mouseX,mouseY,115,115);
    ellipse(mouseX,mouseY,105,105);
    ellipse(mouseX,mouseY,95,95);
    ellipse(mouseX,mouseY,85,85);
    ellipse(mouseX,mouseY,75,75);
    ellipse(mouseX,mouseY,65,65);
    ellipse(mouseX,mouseY,55,55);
    ellipse(mouseX,mouseY,45,45);
    ellipse(mouseX,mouseY,35,35);
    ellipse(mouseX,mouseY,25,25);
    ellipse(mouseX,mouseY,15,15);
    ellipse(mouseX,mouseY,5,5);
    line(200,0,mouseX,mouseY-150);
    line(0,200,mouseX-150,mouseY);
    line(400,200,mouseX+150,mouseY);
    line(200,400,mouseX,mouseY+150);
    fill(0,0,0);
    line(0,0,mouseX,mouseY);
    line(400,0,mouseX,mouseY);
    line(0,400,mouseX,mouseY);
    line(400,400,mouseX,mouseY);
    fill(0,0,0);
    stroke(0,255,0);    
    line(250,250,250,150);
    line(250,150,150,150);
    line(150,150,150,250);
    line(150,250,250,250);
    ellipse(250,250,10,10);
    ellipse(250,150,10,10);
    ellipse(150,150,10,10);
    ellipse(150,250,10,10);
};

</script>

Answer 2

如评论中所述，您需要在脚本标记内包装任何内嵌Javascript。

<script type="text/javascript">
 var draw = function() {
 background(0,0,0);
 strokeWeight(10);
 stroke(0,255,0);
 ellipse(mouseX,mouseY,350,350);
    strokeWeight(5);
    fill(0,0,0);
    stroke(0,255,0);
    ellipse(mouseX,mouseY,300,300);
    strokeWeight(1);
 stroke(0,255, 0);
 fill(0,0,0);
  ...
 };
</script>

我正在尝试向网页添加一个小的javascript片段，但它只是在页面上显示代码

2 个答案: