一键执行多个js文件

Execute several js files with one button

本文关键字：js 文件 执行 一键      更新时间：2023-09-26

下面是我正在处理的一些HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="viewport" content="user-scalable=no">
        <link rel="icon" href="icon/icon.png" type="image/png">
        <link rel="apple-touch-icon" href="icon/app.png">
        <link rel="stylesheet" type="text/css" href="fonts/gamefont.css">
        <title>Game</title>
        <p>Game Resolution:</p>
<!-- <button onclick="runGame()">Run Game</button> -->
<input id="clickMe" type="button" value="clickme" onclick="runGame()" />
 <select id="skill_category">
   <option value="resolution">Game Resolution</option>
 </select> 
   <select class="skill" id="resolution">
     <option value="1">1366x768</option>
     <option value="2">1600x900</option>
     <option value="3">1152x648</option>
    </head>
    <body>
    <!--
        <script type="text/javascript" src="js/libs/pixi.js"></script>
        <script type="text/javascript" src="js/libs/fpsmeter.js"></script>
        <script type="text/javascript" src="js/libs/lz-string.js"></script>
        <script type="text/javascript" src="js/animarpg.js"></script>
        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/rungame.js"></script>
        -->
    </body>
    <script>
    function runGame() {
<script type="text/javascript">
function addScript("js/libs/pixi.js") {
var js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.src = JSfileName;
document.body.appendChild(js);
    };
    </script>
</html>

问题是，我无法通过"点击我"按钮来执行pixi.js和我拥有的其他脚本（在代码中注释掉了）到node.js。出了什么问题？

var pixiMidule = require('pixi');

注意，我删除了'。js"。

我希望您知道如何以nodejs的方式在pixi中使用已定义的函数。如果没有，请查看一些关于nodejs模块导入的信息。

它认为最好只创建一种用于在html中包含javascript文件的堆栈。除非您使用像angular这样的框架或任何其他允许动态导入外部javascript文件的框架，否则我认为您仍然停留在普通的旧html脚本标记上。一个粗略的解决方案是开发一种类，允许您使用ajax在所需的htm页面上加载javascript。这样你就可以做一些类似的事情

 var scriptData = ScriptLoader('pixi. js') ;
 var dynamicScript = document. createElement('script');
 dynamicScript.innerHTML = scriptData;
 document.body. appendChild(dynamicScript) ;
相关文章：