Javascript 无法从HTML文件执行JS函数
由于某些原因,此代码不会调用“createScene();”在index.html中。我可能忽略了一些非常简单的东西,因为我是JS新手,但我没有找到任何东西 index.htmlJavascript 无法从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> &
<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中,然后重试