如何为全局变量构建JavaScript / HTML网站？

Question

我正在建立一个动态网站，提供旅行指示，但我是JavaScript的新手，我不确定编码它的最佳方式。

目前，我通过为每个元素分别添加HTML页面来加载站点的不同部分（页眉，主页脚，页脚），然后将这些页面加载到主页面中。 例如，在主页上我有：

<body onload="initialize()">
   <div id="header"></div>
   <div id="main"></div>
   <div id="footer"></div>
</body>

在导入的JavaScript脚本中，我有：

function initialize() 
{
   $('#header').load('header.html');
   $('#main').load('main.html');
   $('#footer').load('footer.html');
}

问题是我希望所有这三个导入的页面都可以在一个JavaScript文件中访问全局变量和函数，我将在那里存储路径信息，坐标等。具体来说，我遇到了无法调用的问题。从我已加载到父页面的header.html页面的主JS脚本中运行。

做这个的最好方式是什么？ 任何帮助深表感谢！

Answer 1

您应该有一个包含所有客户端代码的js文件，并在页面上包含<script>标记。 然后使用$( document ).ready()来运行初始化。 您还可以在此处定义全局变量并分配它们，以便以后可以访问它们。

在您的JavaScript中，include将是这样的;

var $header, $main, $footer

function initialize() 
{
   $header.load('header.html');
   $main.load('main.html');
   $footer.load('footer.html');
}

$(document).ready(function() {
  $header = $('#header');
  $main = $('#main');
  $footer = $('#footer');

  initialize();
});

请注意您创建的全局变量的数量; 你正在犯的11个JavaScript错误。

Answer 2

你有没有尝试将它放在功能上以使其全球化...

var <variable name>
function <function_name>{

<variable name>

}

Answer 3

在主页面。

<script type="text/javascript">
    variable = <value>;   //variable used with var keyword is considered as global variable
</script>

如何为全局变量构建JavaScript / HTML网站？

问题描述

3 个解决方案

解决方案1
2 已采纳 2013-03-11 02:23:03

解决方案2
0 2013-03-11 01:59:31

解决方案3
0 2013-03-11 02:01:25

如何为全局变量构建JavaScript / HTML网站？

问题描述

3 个解决方案

解决方案1 2 已采纳 2013-03-11 02:23:03

解决方案2 0 2013-03-11 01:59:31

解决方案3 0 2013-03-11 02:01:25

解决方案1
2 已采纳 2013-03-11 02:23:03

解决方案2
0 2013-03-11 01:59:31

解决方案3
0 2013-03-11 02:01:25