Wordpress javascript在文章中的相对路径

Wordpress javascript relative path in a post

本文关键字：相对 路径 文章 javascript Wordpress      更新时间：2023-09-26

我找到了一个网站:XXXXXXXX.XXXXXXX.com

和我上传了一个目录与js文件:

XXXXXXXX.XXXXXXX.com/JsTestFolder

里面的一些文件:XXXXXXXX.XXXXXXX.com/JsTestFolder/index.html

XXXXXXXX.XXXXXXX.com/JsTestFolder/boot-html5.js

XXXXXXXX.XXXXXXX.com/JsTestFolder/cocos2d-html5.min.js

……

在JsTestFolder文件夹我有一个index.html包含一个帆布标签

我可以通过访问XXXXXXXX.XXXXXXX.com/JsTestFolder/index.html

成功运行演示

但是现在我想把它(画布)嵌入到wordpress的帖子中。

我创建了一个帖子，内容为:

<div style="......">
    <canvas id="gameCanvas" width="320" height="480"></canvas>
</div>
<script src="boot-html5.js"></script>

，它无法加载"boot-html5.js"文件，所以我将内容更改为:

<script src="/JsTestFolder/boot-html5.js"></script>

，这次"boot-html5.js"加载成功，但是~

boot-html5.js的内容:

(function () {
    var d = document;
    var c = {
        COCOS2D_DEBUG:2, //0 to turn debug off, 1 for basic debug, and 2 for full debug
        //......
        tag:'gameCanvas', //the dom element to run cocos2d on
        SingleEngineFile:'cocos2d-html5.min.js',
        //......

你可以看到它使用相对路径引用了一些其他js文件，控制台显示错误:

http://XXXXXXXX.XXXXXXX.com/cocos2d-html5.min.js 404 (Not Found)

文件在http://XXXXXXXX.XXXXXXX.com/JsTestFolder ~

显然，浏览器(?)将"http://XXXXXXXX.XXXXXXX.com/"作为根路径，而不是"http://XXXXXXXX.XXXXXXX.com//JsTestFolder"。

那么我怎么能得到这个东西的工作不改变我所有的js文件使用"绝对路径"?

1)在哪里singleengineefile在文件中使用?

2)尝试从

SingleEngineFile:'cocos2d-html5.min.js'


SingleEngineFile:'/cocos2d-html5.min.js'

尝试更改

<script src="/JsTestFolder/boot-html5.js"></script>


<script src="../boot-html5.js"></script>

或

<script src="/boot-html5.js"></script>
相关文章：