个人中心
gpt4 book ai didi

javascript - 无法在本地 html 文件上运行 jsfiddle 代码

转载 作者：行者123 更新时间：2023-12-01 03:36:32 25 4
gpt4 key购买 nike

我刚刚从 jsfiddle 复制了一些 Javascript 代码。

这是我所做的:

<!DOCTYPE html>
<html>
<!-- The function below comes from here: http://jsfiddle.net/redler/QcUPk/8/ -->
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>  -->
<script type="text/javascript">
(function makeDiv(){
    var divsize = ((Math.random()*100) + 50).toFixed();
    var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
    $newdiv = $('<div/>').css({
        'width':divsize+'px',
        'height':divsize+'px',
        'background-color': color
    });
    
    var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed();
    
    $newdiv.css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px',
        'display':'none'
    }).appendTo( 'body' ).fadeIn(100).delay(300).fadeOut(200, function(){
       $(this).remove();
       makeDiv(); 
    }); 
})();
</script>
<title>squares with random position</title>
</head>
<body onload="makeDiv()">
</body>
</html>

它不适用于本地 html 文件。它实际上可以在 Stackoverflow 的代码片段工具中运行，但会出现错误消息:

Error:
{
  "message": "ReferenceError: makeDiv is not defined",
  "filename": "https://stacksnippets.net/js",
  "lineno": 1,
  "colno": 1
}

知道我做错了什么吗？

致以诚挚的问候。

最佳答案

您已将该函数放入匿名函数中。

将代码更改为以下代码:

  <!DOCTYPE html>
  <html>
  <!-- The function below comes from here: http://jsfiddle.net/redler/QcUPk/8/ -->
  <head>
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <!-- <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>  -->
  <script type="text/javascript">
  function makeDiv(){
      var divsize = ((Math.random()*100) + 50).toFixed();
      var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
      $newdiv = $('<div/>').css({
          'width':divsize+'px',
          'height':divsize+'px',
          'background-color': color
      });
      
      var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
      var posy = (Math.random() * ($(document).height() - divsize)).toFixed();
      
      $newdiv.css({
          'position':'absolute',
          'left':posx+'px',
          'top':posy+'px',
          'display':'none'
      }).appendTo( 'body' ).fadeIn(100).delay(300).fadeOut(200, function(){
         $(this).remove();
         makeDiv(); 
      }); 
  }
  </script>
  <title>squares with random position</title>
  </head>
  <body onload="makeDiv()">
  </body>
  </html>

关于javascript - 无法在本地 html 文件上运行 jsfiddle 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44240177/

25 4 0
文章推荐： jquery - 无法访问后端返回的JSON数据
文章推荐： r - Knitr:内联文本的尾随零
文章推荐： python - Pandas 无法读取超过第 216 行的锯齿状文本文件
文章推荐： php - JQuery 使用 THIS 作为 .on [选择器]
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com