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

标签 javascript jquery html

我想显示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/

相关文章:

javascript - 将对象从本地存储转换为文本

javascript - 如何编写等待 3 个不同 ajax 请求响应的事件驱动代码?

javascript - JQGrid 标题和列未对齐

javascript - 如何解决包含数据库信息的页面加载缓慢

javascript - document.getElementById 使用变量改变颜色

JavaScript OnChange 加载另一个 JSP 页面

javascript - 如何在单击复选框时改进和分配 var 并修改对象属性?

javascript - bootstrap Popover 关闭按钮不起作用

javascript - 将对象数组合并到数组数组中,每个数组包含 3 个对象

javascript - 在 javascript 的正则表达式中使用变量