Question

我确信我错过了一些非常明显的东西，但却没有看到它。我有一些js代码来掩盖我网站上的电子邮件链接。当代码嵌入原始网页（在标签等内）时，一切都按预期执行。以下是我的网页中显示的代码：

<script language="javascript" type="text/javascript" >
<!--
var part1 = "et";
var part2 = "hoto";
var part3 = "comc";
var part4 = "MASP";
var part5 = "ast.n";
var part6 = "PDX";
document.write('<a href="mai' + 'lto:' + part4 + part2 + part6 + '@' + part3 + part5 + part1 + '">');
document.write('<img src="images/ContactLink-clear.png" style="border-style: none" height="100px" width="300px" alt="Contact Info"  title="Contact Info" /></a>');
// -->
</script>

然而，当我使用相同的代码并将其粘贴到js文件中时，使用：

调用它

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

然后我得到一个断开的链接...有趣的是，邮件似乎正常运行，所以我认为标签的执行有问题，但我没有看到它。为了完整起见，js文件中的代码是：

var part1 = "et";
var part2 = "hoto";
var part3 = "comc";
var part4 = "MASP";
var part5 = "ast.n";
var part6 = "PDX";
document.write('<a href="mai' + 'lto:' + part4 + part2 + part6 + '@' + part3 + part5 + part1 + '">');
document.write('<img src="images/ContactLink-clear.png" style="border-style: none" height="100px" width="300px" alt="Contact Info"  title="Contact Info" /></a>');

有任何想法或创意建议吗？提前感谢您的时间！

Answer 1

你可以把代码放在像这样的函数中：

function obscureMail() {
    var part1 = "et";
    var part2 = "hoto";
    var part3 = "comc";
    var part4 = "MASP";
    var part5 = "ast.n";
    var part6 = "PDX";
    document.write('<a href="mai' + 'lto:' + part4 + part2 + part6 + '@' + part3 + part5 + part1 + '">');
    document.write('<img src="images/ContactLink-clear.png" style="border-style: none" height="100px" width="300px" alt="Contact Info"  title="Contact Info" /></a>');
}

然后在您的正文标记中添加一个调用，如：

<body onload="obscureMail()">

无法执行在外部文件中调用的JS脚本

1 个答案: