ASP.NET 中的 JavaScript 事件处理程序

Question

我有以下 iframe 控件(旨在成为类似 facebook 的按钮):

<iframe id="likeButton"
    src="http://www.facebook.com/plugins/like.php?href=" 
    scrolling="no" 
    frameborder="0"         
    style="border:none; overflow:hidden; 
    width:450px; height:80px;"
    onprerender="setupLink()"
</iframe>

我在上面定义了 javascript 函数，如下所示:

<script type="text/javascript">
  function setupLink()
  {
    var iframe = $("#likeButton");
    var newSrc = iframe.attr("src");
    newSrc += encodeURIComponent(location.href) + lblKey.Text;

    iframe.attr("src", newSrc);
  };
</script>

lblKey 是 ASP.NET 页面上的一个标签，它引用页面的特定部分。然而，据我所知，这个函数没有被调用(如果我在开始时放置一个 alert() 它什么也不会产生)。我是 javascript 的新手，但浏览网络上的一些文章表明这​​应该更新 iframe 上的 src 属性。

编辑:

我也试过以下方法:

<script type="text/javascript" >
$(function() {
    var iframe = $("#likeButton");
    var newSrc = iframe.attr("src");
    newSrc += encodeURIComponent(location.href) + '<%= lblKey.Text %>';

    iframe.attr("src", newSrc);
});
</script>

哪个行不通，但也行不通:

<script type="text/javascript" >
$(function() {
    alert('Hello');
});
</script>

Answer 1

asp.net 事件(如 prerender)不适用于其他任何地方(如 javascript)

假设您使用的是 jquery，我会将其包装在 $() 中，这是“一旦页面加载到足以开始操作它就执行以下操作”的简写形式。此外，asp.net 控件具有与 dom 元素不同的 api，因此如果您想使用该 api，则需要将其包装在 scriptlet 标记中

<script type="text/javascript">
  $(function ()
    {
      var iframe = $("#likeButton");
      var newSrc = iframe.attr("src");
      newSrc += encodeURIComponent(location.href) + "<%= lblKey.Text %>";

      iframe.attr("src", newSrc);
    });
</script>