Question

问题：是否可以在UWP JavaScript项目中加载外部JavaScript？如果是这样，怎么办？我尝试了以下示例，但没有成功

我使用了简单的UWP JS app中的official Microsoft tutorial。为了测试UWP JS应用程序是否可以使用外部加载的JavaScript文件，我用以下内容替换了项目的Index.html文件。但是，似乎它没有使用<head>标记中引用的Bootstrap文件-从下面显示的index.html文件的显示中可以明显看出：

Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</head>
<body>

    <div class="container-fluid">
        <h1>Three equal width columns</h1>
        <p>Note: Try to add a new div with class="col" inside the row class - this will create four equal-width columns.</p>
        <div class="row">
            <div class="col" style="background-color:lavender;">.col</div>
            <div class="col" style="background-color:orange;">.col</div>
            <div class="col" style="background-color:lavender;">.col</div>
        </div>
    </div>

</body>
</html>

在VS2017中运行该应用程序时显示上述文件 [未显示等宽的三列。]

注意：

此W3Schools example的HTML与（UWP应用程序的）Index.html文件中的html相同，可以正确显示three columns with equal widths的显示：

Answer 1

>>是否可以在UWP JavaScript项目中加载外部JavaScript？如果是这样，怎么办？

这取决于您在哪里调用脚本。如果像在JS项目中一样在本地内容中调用它们。这是不允许的。出于安全原因，这是设计使然。但是，如果您在WebView控件中运行脚本，答案是肯定的。可以加载脚本。

是否可以在通用Windows平台应用程序中加载外部脚本

1 个答案: