Question

我有1个HTML页面和1个js文件。我无法在Chrome上的Firebug中运行脚本它显示以下错误：

拒绝访问受限制的URI。

代码符合教程

HTML页面

<!DOCTYPE html >
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery Example </title>
</head>
<body>
    <input type="button" value="Hide" id="toggle_messege" />
    <p id="messege">
        You see this paragraph
    </p>
    <script type="text/javascript" src="~/js/toggle.js"></script>
    <script type="text/javascript" src="~/js/jquery-1.7.1.min.js"></script>
</body>
</html>

js file

$('#toggle_messege').click(function () {
    var value = $('#toggle_messege').attr('value');
    $('messege').toggle('fast');
    if (value == 'Hide') {
        $('#toggle_messege').attr('value', 'Show');
    }
    else if (value == 'Show') {

        $('#toggle_messege').attr('value', 'Hide');
    }
});

同类文章： Error: "Access to restricted URI denied"

http://jquery-howto.blogspot.in/2008/12/access-to-restricted-uri-denied-code.html

他们建议它是相同的域策略问题，解决方案是从webserver（localhost）

访问文件

我的网址是

 http://localhost/WebApplication2/js/

但无法解决问题.. 如果缺少某些东西，请提示

Answer 1

您的代码中存在错误

1.更改文件的顺序，jquery引用是第一个

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>    
<script type="text/javascript" src="js/toggle.js"></script>

2.您的代码必须包含在$(document).ready()中，并且应该在<head>块中

$(document).ready(function(){
$('#toggle_messege').click(function () {
    var value = $('#toggle_messege').attr('value');
    $('#messege').toggle('fast'); // You missed # in this line
    if (value == 'Hide') {
        $('#toggle_messege').attr('value', 'Show');
    } else if (value == 'Show') {

        $('#toggle_messege').attr('value', 'Hide');
    }
});
});

DEMO

访问受限制的URI被拒绝。萤火

1 个答案: