在aspx页面中加载一个又一个控件

Load one control after another in aspx page

本文关键字：加载 一个又一个 控件 aspx      更新时间：2023-09-26

我有一个特定的asp.net页面，我正在加载的内容到一个使用javascript。基本上，它就像从第三方加载内容。

我有一张图片它应该在javascript生成

内容后加载

但是目前的情况是图像在内容加载到div之前显示，这是适当的。你能不能建议我一个反过来做的方法?

我已经放了一个代码示例。

在aspx页面

<body> <div id="bodyDiv" runat="server">
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/CompanyProfile" data-id="xxxxx" data-format="inline"></script>
<a  id="closeLink" href="http://www.xyz.com" class="closedbutton" runat="server">  <img id="closeImg" runat="server" src="images/remove.png"  /></a>
</div></body>

加载完javascript的内容后，我应该用什么方法来加载图片

谢谢!

您的图片正在加载您的页面。您可以隐藏该图像，并在文档加载一段时间后使其可见。当您参考script时，它们将与HTML一起加载，DOM将加载，因此您可以使用setTimeout并设置一些延迟来加载图像。在加载文档后加载图像，见下面的示例。

$(document).ready(function () {
    window.setTimeout(function () {
    // Your Image code goes here
    // Set image display:block in this code block
    // for example $('img').css('display','block');
   }, 2000);
});

您可以使用像http://yepnopejs.com/这样的条件脚本加载器，然后在加载第三方脚本后使用以下选项:

你可以隐藏链接(使用css display: none;)，然后在加载脚本的末尾使用JavaScript显示它:

document.getElementById("closeLink").style.display="block";

或者您可以在脚本运行后使用. appendchild()或. innerhtml()动态地将链接添加到页面。如果使用JQuery，你可以这样做:

$(body).append('<a id="closeLink" href="http://www.xyz.com" class="closedbutton">  <img id="closeImg" src="images/remove.png"  /></a>');

我还想看看第三方脚本是否有一个回调函数，你可以在加载时挂钩到。

相关文章：