拒绝访问受限 URI。萤火虫答案

【问题标题】：Access to restricted URI denied. Firebug拒绝访问受限 URI。萤火虫
【发布时间】：2014-04-09 16:36:09
【问题描述】：

我有 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文件

$('#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

他们认为这是相同的域策略问题，解决方案是从网络服务器（本地主机）访问文件

我的网址是

 http://localhost/WebApplication2/js/

但无法解决问题.. 如有遗漏，请提出建议

【问题讨论】：

你有本地网络服务器在运行吗？如果有，您是否有权访问它？
您的 JavaScript 文件是否在正确的目录中？您是否在浏览器的控制台工具中看到任何错误？
是的......目录和路径是正确的......我点击“检查元素”打开萤火虫部分......控制台部分是空白的
知道了...将 src="~/js/toggle.js" 更改为 src="localhost/WebApplication2/js/jquery-1.7.1.min.js" 成功了
是的，控制台应该向您显示有关 jQuery 未定义或 $ 未定义以及 404 错误的错误。

标签： javascript jquery html

【解决方案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

【讨论】：

在 js fiddle 中它工作正常..但在浏览器上仍然出现同样的错误
@user3487944 所以我认为js文件没有加载检查路径
把路径改到右边... src="~/js/jquery-1.7.1.min.js"..还是一样的错误