当您编写 JavaScript 文件时,它不必有任何标题或文档类型。例如,您可以有一个如下所示的 variables.js 文件:
var x = "abc";
var y = "def";
并有许多包含 variables.js 的 HTML 文件,如下所示:
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>title</title>
</head>
<body>
<!-- page content -->
<script src="variables.js"></script>
<script>
alert(x);
</script>
</body>
</html>
并且您的变量应该在那里可用。在引用您的 variables.js 之后包含的任何脚本都应该可以访问之前包含的所有内容,而无需监听任何事件。
如果您需要监听事件,那么我建议使用 jQuery 或其他一些 JavaScript 框架。jQuery 的一个例子是:
$(window).load(function() {
alert(x);
});
更改 DOM 元素的更高级示例:
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title>title</title>
</head>
<body>
<p>Select variable:</p>
<p>
<a href="#" id="show-x">Show x</a>
<a href="#" id="show-y">Show y</a>
</p>
<p>Value:</p>
<p id="value"></p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="variables.js"></script>
<script>
$('#show-x').click(function (e) {
e.preventDefault();
$('#value').html(x);
});
$('#show-y').click(function (e) {
e.preventDefault();
$('#value').html(y);
});
</script>
</body>
</html>