Javascript无法在Heroku的Django应用中呈现 - javascript

在Heroku上部署了Django应用，在我的主页之后，之后的每个页面都不呈现Amazon S3上托管的Javascript文件，但是在Inspect Element中打开Console时，似乎一切都很好。我的HTML文件的标题如下

#questions.html
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/QandA.css">
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Button.css">
<script src="https://s3.amazonaws.com/mrt-assets/static/js/prefixfree.min.js"></script>
<script src="https://s3.amazonaws.com/mrt-assets/static/js/index.js"></script>
<script src="https://s3.amazonaws.com/mrt-assets/static/js/qanda.js"></script>

该文件显然可以正常工作，但是在加载页面时，所有弹出窗口均已打开。

唯一的错误是这样

2XMLHttpRequest cannot load https://s3.amazonaws.com/mrt-assets/static/css/QandA.css. Origin http://warm-oasis-9454.herokuapp.com is not allowed by Access-Control-Allow-Origin.

2XMLHttpRequest无法加载https://s3.amazonaws.com/mrt-assets/static/css/Button.css。 Access-Control-Allow-Origin不允许来源http://warm-oasis-9454.herokuapp.com。

有人帮我吗？

编辑：

这是有效的页面，索引

#index.html
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Index.css">
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Button.css">
<script src="https://s3.amazonaws.com/mrt-assets/static/js/prefixfree.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://s3.amazonaws.com/mrt-assets/static/js/index.js"></script>

这也是我的S3存储桶的CORS要求

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>
            testsite.com
        </AllowedOrigin>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>DELETE</AllowedMethod>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
    </CORSRule>
</CORSConfiguration>

这有帮助吗？

javascript大神给出的解决方案

您需要在您的S3存储桶中启用跨源资源共享（CORS），这是Amazon最近（非常感谢）添加的。这是文档：http://docs.amazonwebservices.com/AmazonS3/latest/dev/cors.html也是http://docs.amazonwebservices.com/AmazonS3/latest/UG/EditingBucketPermissions.html

PHP stringID无法从回显中读入onclick - javascript

我有一个音频播放器，可以在HTML中正常工作，但是当我从PHP回显调用时，似乎没有得到div ID的名称，因此它无法播放我的音频。这是我的代码：// Show audio if ($sObj->get('audio') != null) { $sAudio = $sObj->get('audio'); $a…

在php中单击按钮添加表行并设置字段值 - javascript

我有一个表单，必须在单击按钮时添加表行。这是我必须动态添加的表行：（addProdToGroup.php）<tr style="text-align: center;" id="products"> <td><?php $j ?></td> <td><s…

如果复选框切换复选框已选中，则在切换div中输入必填字段 - javascript

我使用脚本用JavaScript切换了一些div。如果要选中复选框以显示toogle div，我想在toogle div中设置一些“必填”输入字段。有人能弄清楚吗？那是工作吗？function show(id) { if(document.getElementById) { var mydiv = document.getElementById(id); m…

如何添加5分钟的JavaScript倒数计时器来提交表单 - javascript

我想添加5分钟的倒数计时器，将其提交到我的php页面。 <form name="myfm" id="myfm" method="post" action="Quiz.php"> <table width=100%> <tr> <td wi…

在JS弹出窗口中包含不同的.php文件 - javascript

我有多个按钮，这些按钮当前重定向到不同的页面，以便用户执行单个操作，然后他们需要在确认页面上单击另一个按钮以返回到以前的位置。这是一所老派学校，不方便...我想做的是创建1个单个弹出框，单击这些按钮中的任何一个都会触发（出现）。在框内，我希望出现相关的.php文件，以便用户可以确认其操作，然后页面将重新加载并显示确认消息。例：“删除”按钮需要触发confir…