使用link元素时不会加载JavaScript

时间:2015-09-17 20:22:46

标签: javascript html

我试图用JavaScript弹出窗口创建一个网站。基本上,当您点击链接时会出现警告或提示“您现在正在输入[在此输入网页名称]部分。”

出于某种原因,当我点击链接时,它会打开页面但忽略任何 JavaScript!这是基本代码:

HTML:

<html>
<head><link rel="text/javascript" href="effects.js" /></head>
<body>
<a href="common_code.html" onclick = "common_lang();">Click here</a>
</body>
</html>

JavaScript(effects.js):

function common_lang() {
    var enterCommon = prompt("You are now entering the Common Languages section.");
}

我不明白为什么这不起作用!有没有人有任何想法?另外,有没有办法提高效率?我需要在同一窗口中的文件,所以我不能使用任何window.open爵士乐。但效率不是优先事项,请记住!

2 个答案:

答案 0 :(得分:1)

您应该使用script代码而不是link

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

答案 1 :(得分:0)

首先,您需要将link代码更改为script,如:

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

其次,这是因为您使用的是href属性,因此该链接只会将您重定向到common_code.html

如果您想根据用户提示选择导航到链接,您可以这样做:

<a href="javascript:void(0)" onclick="common_lang();">Click here</a>

function common_lang() {
    var enterCommon = prompt("You are now entering the            Common Languages section.");
    if(enterCommon) {
        var a = document.createElement('a');
        a.href = "common_code.html";
        a.dispatchEvent(new Event('click'));
    }
}