外部脚本在Windows Phone App 8.1中不起作用

Question

我已将WebView添加到我的项目中。 如果我导航到包含外部javascript文件的html文件，则它们将无法工作。 如果我将javascript代码硬编码到html文件中，则可以正常工作。

这是html部分：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="testjs.js"></script>
</head>
<body>
    <div id="abcd"></div>
    <br/>
    hello! this is a simple html block. 
</body>
</html>

这是JavaScript部分：

document.getElementById("abcd").innerHTML = "New text!";

当我打开网络视图时，它显示

hello! this is a simple html block. ，

但是，如果JavaScript代码有效，它将显示

New Test! hello! this is a simple html block.

这是文件夹结构：

在此处输入图片说明

Answer 1

src =“ testjs.js”是正确的。 问题与路径无关。

[更新1]

您的代码应该像我们通常用于Web开发的那样工作。 但是似乎我们需要确保脚本中使用的html元素已初始化，因此我们必须将放在body元素的末尾。 请尝试以下html代码：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="abcd">a</div> <br /> hello! this is a simple html block. <script type="text/javascript" src="testjs.js"></script> </body> </html>

[更新2]

还要检查您是否已将testjs.js生成操作 testjs.js为内容。 转到解决方案资源管理器 ->右键单击testjs.js > 属性 ->将“ 构建操作”更改为“ 内容”。 这样可以确保将.js文件作为应用程序的一部分进行部署。

Answer 2

WebView msdn页面建议出于安全原因，您不能链接到本地内容，但以下情况除外：

但是，您仍然可以使用ms-appx-web方案链接到应用程序包中的HTML内容，以及使用http和https URI方案链接到Web内容。

因此，您应该能够使用ms-appx-web:///testjs.js网址链接到脚本文件。

外部脚本在Windows Phone App 8.1中不起作用

问题描述

2 个解决方案

解决方案1
3 已采纳 2015-03-12 09:46:16

解决方案2
2 2015-03-12 19:53:26

外部脚本在Windows Phone App 8.1中不起作用

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-03-12 09:46:16

解决方案2 2 2015-03-12 19:53:26

解决方案1
3 已采纳 2015-03-12 09:46:16

解决方案2
2 2015-03-12 19:53:26