画面の高さを取得するjavascriptをサーバー上で動作させたい

前提・実現したいこと

画面の高さを取得するjavascriptを使っているのですが、ローカルでは正常に動作するにもかかわらず、サーバーに上げると、以下のようなエラーメッセージが出て、動かなくなります。エラーメッセージについて調べてみたのですが、分からなかったため、原因と解決法についてご教授をお願いします。

発生している問題・エラーメッセージ

Failed to load resource: the server responded with a status of 400 ()

該当のソースコード

html
1<!doctype html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>無題ドキュメント</title>
6<link rel="stylesheet" href="css/aaa.css">
7</head>
8
9<body>
10	<div class="main"></div>
11	
12	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
13  	<script type="text/javascript" src="javascript/vertical100%.js"></script>
14	
15</body>
16</html>
17

css
1@charset "utf-8";
2/* CSS Document */
3
4body{
5	margin:0 
6}
7
8.main{
9	background-image: url( "../image/002-subtle-light-pattern.jpg");
10}

javascript
1// JavaScript Document
2
3$(document).ready(function () {
4  hsize = $(window).height();
5  $(".main").css("height", hsize + "px");
6});
7$(window).resize(function () {
8  hsize = $(window).height();
9  $(".main").css("height", hsize + "px");
10});