Javascript 无法从HTML文件执行JS函数

Javascript 无法从HTML文件执行JS函数,javascript,html,Javascript,Html,由于某些原因,此代码不会调用“createScene();”在index.html中。我可能忽略了一些非常简单的东西,因为我是JS新手,但我没有找到任何东西 index.html <html> <head> <title>Pallidity</title> <script type = "text/javascript" src="Javascript/scene.js"></script> &

由于某些原因,此代码不会调用“createScene();”在index.html中。我可能忽略了一些非常简单的东西,因为我是JS新手,但我没有找到任何东西

index.html

<html>
<head>
    <title>Pallidity</title>

    <script type = "text/javascript" src="Javascript/scene.js"></script> 

    <style type ="text/css">
    BODY
    {
        Margin: 0;
    }

    canvas
    {
        width: 100%;
        height:100%;
    }
    </style>
</head>
<body>

<script type="text/javascript">
    createScene();
</script>


</body>

苍白
身体
{
保证金:0;
}
帆布
{
宽度:100%;
身高:100%;
}
createScene();

scene.js:

function createScene(){
       <script src="Libraries/three.min.js"></script>
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement );
        //Bare minmum to render


        var geometry = new THREE.BoxGeometry( 1, 1, 1 );
        var material = new THREE.MeshBasicMaterial( { color: 0x045f00 } );
        var cube = new THREE.Mesh( geometry, material );
        scene.add( cube );

        camera.position.z = 5;

        var render = function () {
            requestAnimationFrame( render );

            cube.rotation.x += 0.1;
            cube.rotation.y += 0.1;

            renderer.render(scene, camera);
        };

        render();
}
函数createScene(){
var scene=new THREE.scene();
var摄像机=新的三透视摄像机(75,window.innerWidth/window.innerHeight,0.11000);
var renderer=new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth、window.innerHeight);
document.body.appendChild(renderer.doElement);
//赤裸裸
var geometry=新的3.BoxGeometry(1,1,1);
var material=new THREE.MeshBasicMaterial({color:0x045f00});
var cube=新的三个网格(几何体、材质);
场景.添加(立方体);
摄像机位置z=5;
var render=函数(){
请求动画帧(渲染);
立方体旋转.x+=0.1;
立方体旋转y+=0.1;
渲染器。渲染(场景、摄影机);
};
render();
}
您有一个html元素(脚本标记)作为CreateSecene函数的第一行。这是无效的JavaScript,因此该函数基本上不存在。这就是为什么它没有定义


您可能希望HTML文件中的这一行正好位于scene.js脚本标记之前。

javascript文件是一个名为
javascript
的文件夹吗?在浏览器中按F12并在错误控制台中查找启示为什么脚本中有脚本标记?什么@Teemu说的。我想这就是问题所在。可能在他的控制台中有语法错误。或者,从scene.js中删除“”并将其添加到头部的html中,然后重试