如何在Javascript中打开localhost弹出窗口?

时间:2017-10-17 03:10:44

标签: javascript

立即使用弹出窗口,我可以使用它来访问其他网站(例如Google),但不能访问本地主机。现在我有两个基本页面。在localhost:8000上我有一个简单的页面,上面写着“Home”并有一个弹出按钮。在localhost:8000 / calc /我有一个基本的计算器。我正在尝试创建一个弹出窗口,在新窗口中打开此计算器,供用户随意移动,调整大小和关闭。这是我的主页:

{% extends 'base.html' %}

{% block body %}

<div class="text-center">
    <h1>Home</h1>
    <input type="button" value="Calculator" onclick="window.open('localhost:8000/calc/','_blank','height=500,width=500')" />
</div>
{% endblock %}

所以我点击弹出按钮,但打开的窗口显示:

  

地址未被理解

Firefox不知道如何打开此地址,因为以下协议之一(localhost)与任何程序无关或在此上下文中不允许。*

我如何解决这个问题?谢谢!

1 个答案:

答案 0 :(得分:2)

根据评论......如果你给它一个协议它应该有效:

<input type="button" value="Calculator" onclick="window.open('http://localhost:8000/calc/','_blank','height=500,width=500')" />

来自Firefox的消息非常具体 - 它基本上告诉您localhost不是有效的协议(它不是),所以我们可以推断出浏览器是检查第一个参数的第一部分并期望valid protocol