Я изучал много разных учебников, изучая кодирование, которое я делал, и я заметил одно общее различие. В основном, некоторые люди используют HTML исключительно для написания сценариев, используя тег сценария, а некоторые используют JavaScript и ссылаются на скрипт. Моя проблема заключается в двух кодах. Первый из них:Вызов вещей в <script> или с помощью JavaScript?
<!DOCTYPE html>
<html>
<head>
<script src='babylon.js'></script>
<title>game or some shit</title>
<meta charset="utf-8">
<style>
.canvas {
height: 100%;
width: 100%;
padding:0;
margin:0;
overflow: hidden;
}
</style>
</head>
<body>
<canvas id='gamecanvas'></canvas>
<script>
var BABYLON;
var canvas = document.getElementById('gamecanvas');
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.ArcRotateCamera('camera', 1,2,20, new BABYLON.Vector3(0,0,0), scene);
var light = new BABYLON.PointLight('light', new BABYLON.Vector3(0,0,10), scene);
var ball = new BABYLON.Mesh.CreateSphere('ball', 10, 1.0, scene);
scene.activeCamera.attachControl(canvas);
engine.runRenderLoop(function()
{
scene.render();
});
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
</script>
</body>
</html>
функции правильно, но когда я ссылаться на него в сценарии с помощью внешнего скрипта вроде этого:
var BABYLON;
var canvas = document.getElementById('gameCanvas');
var engine = new BABYLON.Engine(canvas, true);
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.ArcRotateCamera('camera', 1,2,20, new BABYLON.Vector3(0,0,0), scene);
var light = new BABYLON.PointLight('light', new BABYLON.Vector3(0,0,10), scene);
var ball = new BABYLON.Mesh.CreateSphere('ball', 10, 1.0, scene);
function INIT_GAME()
{
canvas.height = window.innerHeight;
canvas.width = window.innerWidth;
scene.activeCamera.attachControl(canvas);
engine.runRenderLoop(function()
{
scene.render();
});
}
и назвать его в HTML
<!DOCTYPE html>
<html>
<head>
<script src='jquery2.2.2.min.js'></script>
<script src='game.js'></script>
<script src='jquery.js'></script>
<script src='babylon.js'></script>
<title>beta af lmaoo</title>
<meta charset="utf-8">
<style>
.background {
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
}
.start {
position:absolute;
bottom:21%;
right:40%;
}
.canvas {
height: 100%;
width: 100%;
padding:0;
margin:0;
overflow: hidden;
}
</style>
</head>
<body>
<canvas id='gameCanvas'></canvas>
<menu>
<img class='background' src='Images/backgroundImg.jpg'/>
<embed src='Audio/backgroundMusic.mp3' autoplay='true' loop='true' width='0' height='0'/>
<input class='start' type='image' src='Images/start.jpg' width='275' height='150' onclick='INIT_GAME();'/>
</menu>
</body>
</html>
Это Безразлично Функция. Может ли кто-нибудь сказать мне, почему сценарий не будет работать, когда я напечатаю его извне в другом файле JavaScript и вызову его, но это будет в HTML-файле? Кроме того, что вы предпочитаете использовать? Использует ли <script> или использует файл JavaScript?
Чтобы исправить это, вы можете переместить ссылку на файл на тело. Я думаю, вы могли бы подождать, пока дом не будет загружен. –
Итак, порядок имеет значение. Хорошо знать. Я буду помнить об этом –