jquery - 如何将脚本引用移动到 <body> 下方

标签 jquery

我正在使用的系统无法直接编辑每个页面上的 HTML。我想添加特定页面正文的顶部,但我输入 HTML 的框会自动将脚本放置在上面

我尝试过这个:

<script>
$('body').prepend('<script src="myscript.js"></script>');
</script>

任何帮助将不胜感激, 谢谢!

最佳答案

我不明白你为什么要这样做,但这是可能的......:)

如果您必须在标签正文的开头插入 javascript 代码,您可以像“jsonp ajax 调用”一样加载 javascript 文件,并在其中调用“prepend”jquery 函数。

示例:

<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <h1>Test</h1>
    <p>Test</p>
    <script type="text/javascript" src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
    <script type="text/javascript">
      $( document ).ready( function() {
        $.ajax({
          dataType: "jsonp",
          url: "myscript.js"
        })
        .done( function( d, response ) {
          console.log( "JS LOADED" );
        });
      });
    </script>
  </body>
</html>

在你的“myscript.js”文件中,类似:

$( "body" ).prepend( "<script>" +
                     "var a = 1;" +
                     "console.log( a );" + 
                     "/* AND ALL THE JS CODE TO INSERT " +
                     "AT THE BEGINING OF TAG BODY */</script>" );

不要忘记在每个 js 行末尾添加分号 (;)。

关于jquery - 如何将脚本引用移动到 <body> 下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22641364/

相关文章:

php - 如何从数据库中获取数据并创建动态选择?

javascript - 没有运行函数的RemoveEventListener

javascript - 以编程方式调用 onclick 属性并与事件参数对话

jquery - 消除 HTML 元素之间的间隙

Jquery/css 标题在滚动时收缩。使文字消失和放大

jquery - 第 n 个 child 无法在本地计算机上工作

javascript - 将值写入 div 时出现 insideHTML 问题

javascript - 如何从angularjs关闭 Bootstrap 模式窗口

jQuery 可拖动背景图像随鼠标震动而变化

javascript - Bootstrap 模式窗口未显示