これは HTML ページです。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<script type="text/javascript">
var myobject = new mynamespace.main.Main ("This is string.");
</script>
</body>
</html>
Ant これはtest.jsです:
var mynamespace =
{
main:
{
controller: {},
view: {}
},
elements: {}
};
mynamespace.main.Main = function (string)
{
this.string = string;
this.controller = new mynamespace.main.controller.Controller (this.string);
}
mynamespace.main.controller.Controller = function (string)
{
this.view = new mynamespace.main.view.View (string);
this.element = new mynamespace.elements.Element (string);
console.log ("Controller, string: " + string);
}
mynamespace.main.view.View = function (string)
{
console.log ("View, string: " + string);
}
mynamespace.elements.Element = function (string)
{
console.log ("Element, string: " + string);
}
両方のファイルが同じフォルダーに配置されます。
Internet Explorer 11 の戻りエラー: SCRIPT5009: オブジェクト mynamespace が定義されていません。
このコードは、test.jsのコードを HTML ページに配置した場合にのみ機能します。どうすれば修正できますか?
jQuery などのライブラリは使用していません。