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

我有以下代码。它在一个html文档中工作。我想将头部的脚本移动到外部的.js文件中。在这个方面还是非常新颖的东西，到目前为止我看到的所有东西都与函数有关，但我想在.js文档中分配变量，以便它们在html中不可见。任何帮助，将不胜感激。谢谢！如何将我的内联jQuery移动到外部.js文档？

<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>

来源

2012-03-14 Scott

你可能会喜欢这一个：http://stackoverflow.com/questions/2579883/using-external-javascript-files-in-a-js-file – 2012-03-14 00:51:07

要实现你问：

<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文件总是以纯文本形式访问（缺少更好的单词）

如果您试图从最终用户隐藏这些值，那么以您提问的方式不可能。告诉我们您的真实目的，我们可能会提出更好的解决方案。

来源

2012-03-14 00:51:21 bPratik

我正在尝试以避免电子邮件收割机发送垃圾邮件。我认为在jquery文件中使用地址“disected”会处理大部分的问题。 – Scott 2012-03-14 00:56:56

谢谢！我试图在.js文档中使用脚本标记。 D'哦！现在工作！询问隐藏电子邮件地址的想法是否可行？ – Scott 2012-03-14 01:01:21

太棒了！如果试图避免收获，您将在以下网址找到大量信息：http://stackoverflow.com/a/4141026/476786和http://stackoverflow.com/a/4184584/476786。如果你问我，我绝不会把地址放在网页上，而是包含一个联系表格，人们可以通过它与我联系。 – bPratik 2012-03-14 01:09:39

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

与图像类似，您只需将javascript放入外部文件并链接到它即可。

如：

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

我不知道为什么，但脚本标签不能自成体系。

来源

2012-03-14 00:50:43 mowwwalker

我试图链接到： – Scott 2012-03-14 00:52:15

并将脚本放在另一个文件中：但我在浏览器中看到了nada。使用IE和FF。 – Scott 2012-03-14 00:53:27

'jqu/jquery-1.6.2.js'将寻找一个名为'jqu'的文件夹，它与网页位于同一目录中。如果你想在根目录下寻找'jqu'，使用'/ jqu/jquery-1.6.2.js'。此外，检查出http://stackoverflow.com/questions/2180391/why-should-i-use-googles-cdn-for-jquery – mowwwalker 2012-03-14 00:59:13

移动的一切外部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; 

//...

来源

2012-03-14 00:52:01 elclanrs

现在，我的脑海里有一点点。我将如何链接到该结果出现在html文档中？我还没有找到我的innerHtml但:) – Scott 2012-03-14 01:03:59

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

回答

相关问题