问题：

如何在WebStorm中运行JavaScript

公孙俊弼

2023-03-14

我是新手，所以如果我错过了一些明显的东西，请事先道歉，但是我不知道如何在WebStrem中运行JavaScript。网络Storm留档说只需在浏览器中打开超文本标记语言文件，但这似乎不起作用。不管怎样，一切都在codepen.io.

以下是超文本标记语言（用于简单的天气应用程序）：

<body>
<head>
    <script src="script.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">
</head>
<div class="container-fluid">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-6">
        <div class="white-box text-center">
            <span>Weather where you are:</span>
            <div class="loc"></div>
            <div class="weather"></div>
            <div class="temp"></div>
            <br>
        </div>
    </div>
    <div class="col-sm-3">
    </div>
</div>
</body>

这是脚本（仍在草稿中，因为它需要扩展以链接到涵盖“天气”所有值的图像）：

$(document).ready(function() {
    $( window ).on("load", function(){
        $.getJSON("http://ip-api.com/json", function(json) {
            var json;
            json = JSON.stringify(json);
            var obj = JSON.parse(json);
            var latitude = obj.lat;
            var longitude = obj.lon;

            $.getJSON("http://api.openweathermap.org/data/2.5/weather?lat="+latitude+"&lon="+longitude+"&appid=74a6725c2ca6f1342464bb9005bf0b63", function(json) {
                var json;
                json = JSON.stringify(json);
                var obj = JSON.parse(json);
                var loc = obj.name;
                var weather = obj.weather[0].description;

                var tempInCelsius = obj.main.temp - 273.15;
                var tempInCelsiusString = tempInCelsius.toFixed(1) + " &#8451";

                var tempInFahrenheit = obj.main.temp * 9/5 - 459.67;
                var tempInFahrenheitString = tempInFahrenheit.toFixed(1) + " &#8457";

                var tempStringCombined = tempInCelsiusString + " | " + tempInFahrenheitString;

                $(".loc").html(loc);
                if(weather === "haze"){
                    weather = "<img src='https://cdn3.iconfinder.com/data/icons/chubby-weather/440/fog-512.png'>";
                }
                $(".weather").html(weather);
                $(".temp").html(tempStringCombined);
            });
        });
    });
});

非常感谢任何帮助！

共有1个答案

甘骞尧

2023-03-14

选择html文件的选项卡（例如索引.html），然后单击菜单运行

类似资料：

如何从WebStorm中运行nodemon？

我想在WebStorm IDE（第7版）中使用nodemon。当其中一个源文件发生更改时，Nodemon会监视我的源文件夹中的一个或多个文件，并重新启动节点进程（在本例中为Express服务器）。如何配置WebStorm以在运行配置中使用nodemon，从而自动重新启动节点进程？没有nodemon，我在WebStorm中使用以下配置，但每当更改源文件中的内容时，都必须重新启动节点进程：节点解
如何在Javascript中并行运行async/await

最后，/很快将在除IE以外的所有主要浏览器中得到支持。因此，现在我们可以开始使用/编写更易读的代码，但是有一个问题。很多人像这样使用异步等待：
如何在Xvfb中运行Selenium？

问题内容：我在EC2实例上。因此没有GUI。然后我这样做：太好了，现在一切正常，对吗？当我运行代码时：我得到这个：问题答案：打开终端并运行此命令。每次重新启动计算机时都需要运行此命令。如果一切正常，可以将其添加到启动命令中还要确保在/ etc / environment文件中有一行然后，运行测试以查看问题是否得到解决。所有在使用此功能之前，请注意下面来自sardathrion
如何在matlab中运行clojure

如何从matlab运行clojure脚本？我尝试了以下方法：使用jdk 1.7运行matlab，然后调用java 在matlab中，设置类路径并使用clojure编译器这里有个错误：当我编写运行clojure的java类时，一切都可以从控制台运行，但不能从matlab运行。请给出建议。
如何在Docker中运行flask_migrate

Docker-compose.yaml 我怎么能那么做？
如何在FreeNAS中运行MinIO

在本文中，我们将学习如何使用FreeNAS运行MinIO。 1. 前提条件 FreeNAS已经安装并运行,如果没有，请参考安装说明你有一个FreeNAS Jail path set，如果没有，请参考jails configuration 2. 安装步骤创建一个新的Jail 在FreeNAS UI中找到Jails -> Add Jail，点击 Advanced，然后输入如下信息: Name:

如何在WebStorm中运行JavaScript

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档