javascript - 在 jquery 中的 Span/Div 中加载 javascript

标签 javascript jquery html ajax

我正在尝试在 div/span 中加载 JavaScript 脚本链接。(脚本包含一些图像和链接)当我运行页面时,脚本必须位于 span 内。

我尝试过使用 load(),$.getscript,但不幸的是我无法这样做。我的脚本必须在文档加载后立即运行,无需任何点击或任何用户操作。

HTML

<span class=" loader"></span>

Jquery:

<script type="text/javascript">   

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
  success: function( strHTML ){
$( ".loader" ).html( strHTML );
});

</script>

我也尝试过:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<script src="https://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script>
<style>

</style>

<script>
$(document).ready(function() 
     {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = "test.js";
        // Use any selector
        $(".loader").append(s);
     });
     </script>
</head>
<body>
 <span class="loader">

  </span>
</body>


</html>

任何帮助都会有帮助。

最佳答案

这可能不是正确的方法,但我尝试了如下并且它对我有用......

     $(document).ready(function() 
     {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = "http://scriptlocation/test.js";
        // Use any selector
        $(".loader").append(s);
     });

您可以引用下面的链接吗,它可能会有所帮助 Ajax/jQuery - Load webpage content into a div on page load?

关于javascript - 在 jquery 中的 Span/Div 中加载 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26611099/

相关文章:

javascript - 谷歌网络字体加载器崩溃 ie - 困难

javascript - 动态对齐网格高度

html - 如何加载外部 jQuery 模板

PHP - 创建注销链接

javascript - 使用 xmlhttprequest 使用 alfresco RESTApi 创建一个人

javascript - 如何在javascript中更改数组对象的键?

javascript - 使用 jquery 进行循环

javascript - Seadragon 自定义控件,带有 onClick 事件处理程序 : problems in IE

javascript - 动态更新 CSS 条形图的宽度

html - 如何比较两个 css 文件并只复制不同之处?