如何将我的内联 jQuery 移动到外部 .js 文档？

Question

我有以下代码。它适用于 html 文档。我想将头部中的脚本移动到外部 .js 文档。在这方面仍然很新，到目前为止我所看到的一切都与函数有关，但我想在 .js 文档中分配变量，以便它们在 html 中不可见。任何帮助，将不胜感激。谢谢！

<html>
<head>
<script type="text/javascript">
var userName = "exampleaddress";
var emServer = "exampledomain.com";
var tagLine = "?subject=Questions/Comments Re: exampledomain.com";
var emLink = userName + "@" + emServer + tagLine;
</script>
</head>

<body>
<script>
document.write("<a href='http://www."+emServer+"'>");
document.write(emServer);
document.write("<a>");
</script>
<br>
<script>
document.write("<a href='mailto:"+emLink+"'>");
document.write(userName);
document.write("<a>");
</script>
</body>
</html>

Answer 1

将其移至外部文件不会阻止用户看到它。如果浏览器可以访问某些东西，那么客户端也可以访问。

类似于图像，您需要做的就是将 javascript 放入外部文件并链接到它。

如：

<script type="text/javascript" src="myjs.js"></script>

我不知道为什么，但是脚本标签不能自包含。

Answer 2

将所有内容移动到一个外部 js 文件并像这样加载它：

<script src="js/script.js"></script>

然后创建空容器，而不是document.write，您必须使用innerHtml。

var userName = "exampleaddress",
    emServer = "exampledomain.com",
    tagLine = "?subject=Questions/Comments Re: exampledomain.com",
    emLink = userName + "@" + emServer + tagLine;

var html = '<a href="http://www."'+ emServer +'">' + emServer + '<a>';
document.getElementById('container').innerHtml = html;

//...

Answer 3

实现您的要求：

<head>
    <script type="text/javascript" src="past/to/file.js"></script>
</head>

file.js 包含：

var userName = "exampleaddress";
var emServer = "exampledomain.com";
var tagLine = "?subject=Questions/Comments Re: exampledomain.com";
var emLink = userName + "@" + emServer + tagLine;

编辑：

您的问题中不可能的部分是变量不可见。 HTML ans JS 文件总是可以以纯文本形式访问（因为缺少更好的词）

如果您试图对最终用户隐藏这些值，那么按照您所要求的方式是不可能的。告诉我们您的真实目的，我们或许能够提出更好的解决方案。