自定义 html 作为脚本源

Question

我有一个自定义 html（不是 js）文件，但它不允许我将它用作脚本 src:

function(){
    var ctx;
    function setupCanvas(setupVariable){
        ctx=setupVariable;
    };
    function circ(x,y,lps,wps,fill,outline){
        if(outline===true){
            ctx.beginPath();
            ctx.arc(x,y,lps, wps,6.28);
            ctx.stroke();
        };
        if (fill===true){
            ctx.beginPath();
            ctx.arc(x,y,lps,wps,6.28);
            ctx.stroke();
        };
    }
}

Answer 1

浏览器需要知道脚本源文件仅包含 javascript 代码，因此它只接受 .js 文件。您最好的选择是将 javascript 提取到它自己的 .js 文件中，并将其包含在您需要的任何地方。

如果 js 函数需要关联的 html 才能工作，您需要将其包装在 document.write() 调用或类似的东西中以使其适合浏览器。

Answer 2

内联

将脚本包裹在 <script> 标签中，如下所示：

<script>
function(){
    var ctx;
    function setupCanvas(setupVariable){
        ctx=setupVariable;
    };
    function circ(x,y,lps,wps,fill,outline){
        if(outline===true){
            ctx.beginPath();
            ctx.arc(x,y,lps, wps,6.28);
            ctx.stroke();
        };
        if (fill===true){
            ctx.beginPath();
            ctx.arc(x,y,lps,wps,6.28);
            ctx.stroke();
        };
    }
}
</script>

并将其放入您的 html 文件中。

外部

<script>的src属性用来引用.js。如果您想使用外部脚本文件，请创建一个 script.js 文件，然后将其包含在 html 中，如：

<script src="http://example.com/script.js"></script>

将 src url 替换为 script.js 文件的位置。

自定义 html 作为脚本源

Custom html as script src

html

src

内联

外部