Question

我试图用这段代码在浏览器中显示一个简单的图像。但它显示错误说：

403错误禁止。

在更多评估中，我发现发送的http请求是以

的形式发送的

http://localhost/test/%22http://graph.facebook.com/4/picture?type=square%22%3E%20%3C/img%3E

这是我的本地网络服务器地址。这是一个跨站点脚本问题吗？

<html>
    <head>
    <script>
        function onclickfunction(){
            var a = document.createElement('img');
            a.src ='"http://graph.facebook.com/4/picture?type=square"';
            document.body.appendChild(a);
        }
    </script>
    <body>
        <button onclick= "onclickfunction();"> Click Me!</button>
    </body>
</html>

Answer 1

尝试从网址中删除封闭的单引号：

a.src ="http://graph.facebook.com/4/picture?type=square";

Answer 2

不要使用双引号。

<html>
<head>
<script>
function onclickfunction(){
var a = document.createElement('img');
a.src ='http://graph.facebook.com/4/picture?type=square';

document.body.appendChild(a);
}
</script>
<body>
<button onclick= "onclickfunction();"> Click Me!</button>

</body>

</html>

Answer 3

修改以下行

a.src ='"http://graph.facebook.com/4/picture?type=square"';

如下。

a.src ='http://graph.facebook.com/4/picture?type=square';

为什么浏览器无法呈现这个简单的JavaScript代码？

3 个答案: