为什么不是';我的html中的javascript不工作吗?

为什么不是';我的html中的javascript不工作吗?,javascript,html,css,Javascript,Html,Css,我在vscode中运行它,当我运行我的站点时,javascript应该在的地方只是一个空白区域。我尝试了一个console.log消息来测试它,但也没有通过 这里是我试图添加进度条的地方 <p class="infoBox"> <h3>Skills</h3> <h4>Computer Languages</h4> Java <div id="co

我在vscode中运行它,当我运行我的站点时,javascript应该在的地方只是一个空白区域。我尝试了一个console.log消息来测试它,但也没有通过

这里是我试图添加进度条的地方

    <p class="infoBox">

            <h3>Skills</h3> 
            <h4>Computer Languages</h4>
            Java  <div id="container"></div></br>
            Python</br> 

你把一些东西弄混了。如果您使用
,您会告诉浏览器导入一个js库(在您的情况下是require.js)。然后忽略
之间的内容

如果要执行javascript代码,有两个选项

  • 选项1:内联Javascript,如下所示:
  • 
    控制台日志(“测试”)
    
    你搞错了什么。如果您使用
    ,您会告诉浏览器导入一个js库(在您的情况下是require.js)。然后忽略
    之间的内容

    如果要执行javascript代码,有两个选项

  • 选项1:内联Javascript,如下所示:
  • 
    控制台日志(“测试”)
    
    如果标签中有
    src
    ,则不会读取其内容。只需删除
    src
    ,它就会工作。

    如果标签中有
    src
    ,它将不会读取其内容。只需删除
    src
    ,它就会工作。

    根据您的源变量
    container
    未定义,因此您尝试将进度条设置为空容器。因此,要么将值“#container”分配给变量,要么将
    newprogressbar.Line(container,
    替换为
    newprogressbar.Line(“#container”),即

    是的,你需要拆分你的脚本

    <script src="/require.js"/>
    <script>
      Your script here
    </script>
    
    
    你的剧本在这里
    
    根据您的源变量
    container
    未定义,因此您尝试将进度条设置为空容器。因此,为您的变量指定值“#container”,或者只需将
    新的ProgressBar.Line(container,
    替换为
    新的ProgressBar.Line(#container“,

    是的,你需要拆分你的脚本

    <script src="/require.js"/>
    <script>
      Your script here
    </script>
    
    
    你的剧本在这里
    
    由于您使用div元素的id来呈现进度条,因此需要在加载窗口后加载javascript代码

    index.js
    window.onload=函数onload(){
    var bar=新的ProgressBar.Line(容器{
    冲程宽度:4,
    放松:“放松”,
    持续时间:1400,
    颜色:“#FFEA82”,
    trailColor:“#eee”,
    步幅:1,
    svgStyle:{宽度:“100%”,高度:“100%”,
    });
    动画(1.0);
    };
    
    ProgressBar.js-最小示例
    #容器{
    利润率:20px;
    宽度:400px;
    高度:8px;
    }
    

    技能 计算机语言 爪哇

    蟒蛇


    由于您使用div元素的id来呈现进度条,因此需要在加载窗口后加载javascript代码

    index.js
    window.onload=函数onload(){
    var bar=新的ProgressBar.Line(容器{
    冲程宽度:4,
    放松:“放松”,
    持续时间:1400,
    颜色:“#FFEA82”,
    trailColor:“#eee”,
    步幅:1,
    svgStyle:{宽度:“100%”,高度:“100%”,
    });
    动画(1.0);
    };
    
    ProgressBar.js-最小示例
    #容器{
    利润率:20px;
    宽度:400px;
    高度:8px;
    }
    

    技能 计算机语言 爪哇

    蟒蛇


    尝试删除此脚本标记上的src=。如果需要运行额外的javascript,请为此添加单独的标记。尝试删除此脚本标记上的src=。如果需要运行额外的javascript,请为此添加单独的标记。
    <script src="/require.js"/>
    <script>
      Your script here
    </script>