javascript - 如何在 HTML 中显示 javascript 代码-6ren

javascript - 如何在 HTML 中显示 javascript 代码

转载作者：行者123 更新时间：2023-12-02 16:34:44

我想显示javascript在页面中使用的javascript代码而不执行该代码。我已经使用了 .getScript() 方法，但它执行了脚本。

请告诉我如何获取不执行的 JavaScript 代码并嵌入到 HTML 中。

html

<html>
<head>
    <script src='iwanttoshow.js'></script>
</head>
<body>
    <div class="js-source"></div>
</html>

JavaScript 文件

$.getScript("/iwanttoshow.js", function(data) {
    window.alert("loaded!");
    $(".js-source").html(data);
}

最佳答案

<html>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <div>
        <!--Block to embed the js content, use <pre> tag-->
        <pre id="code">
        </pre>
    </div>
    <script>
        //test.js is your own file name
        $("#code").load("test.js");
    </script>
</html>

Jquery加载功能允许您加载资源。

使用<pre>标签显示javascript的内容。

关于javascript - 如何在 HTML 中显示 javascript 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28007813/