中调用内部的jQuery定义的函数从它外面准备

Question

我的aspx页面： -

<script src="js/jquery-1.4.2.js" type="text/javascript"></script> 
    <script src="js/jquery-ui-1.8.2.custom.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
     //lots of other code here.... 
     function showMessage(){ 
     $("#msgDiv").dialog({ 
         modal: true, 
         buttons: { 
            Ok: function() { 
              $(this).dialog('close'); 
             } 
         }, 
         resizable: true, 
         show: "explode", 
         position: "center", 
         closeOnEscape: true, 
         draggable: false 
         }); 
     } 
    }); 
    </script> 

另一个ASPX弹出这是从上面的页面

<script type="text/javascript"> 

    window.opener.document.getElementById("msgDiv").innerHTML = <%=MessageToShow%>; //works very well for me. 
    window.opener.document.showMessage(); // I am unable to access it like this? 
    window.close(); 

</script> 

基本上，我想打电话给触发网页showMessage()从弹出窗口。我还有其他逻辑要在这两个页面中执行。

Answer 1

据我所知，你想做什么，做不到。那么，我们究竟能做什么？

我认为最简单的想法是将showMessage移到ready函数之外，并且从内部调用它。

现在，如果真的必须在该函数中定义，使它成为一个命名函数：

function calledonready() 
    { 
     /// stuff 
     function showMessage(){ 
     /// stuff 
     } 
    } 

$(document).ready(calledonready); 

window.opener.document.calledonready.showMessage(); 

Answer 2

您可以只用把它直接在<script>标签下声明showMessage()公众。那实际上是不好的做法，但它会起作用。

更好的解决方案应该总是使用你自己的命名空间。声明一个object其中可以发生所有应用程序逻辑。

<script> 
var MyApp = { 
    showMessage: function(){ 
     // do something 
    } 
}; 

在后面的代码，你可以从任何地方访问这个对象与

MyApp.showMessage(); 

您可以通过使用closures把那个模式的延伸。因此，很多聪明的人为ecmascript开发了很好的模式。像往常一样，很好看的是`的JavaScript：好的部分”由Douglas Crockford的

var MyApp = function(){ 
    var my_private_data = "version 1.0.0", 
     foo    = "bar"; 

    return { 
     getfoo   = function(){ 
      return(foo); 
     }, 
     showMessage  = function(){ 
      // do something 
     } 
    }; 
}; 

var app = MyApp(); 

app.showMessage(); 

这是所有关于private data和namespacing这样，在你的身边没有其他的脚本都不可能改变你的closured内你持有的任何日期。 。对象的想法甚至可以采取更进一步通过创建inheritance和shared data（半保护），但我想这是另一个故事

Answer 3

声明你这样的功能，在文档里面准备。

$(document).ready(function() { 

    window.showMessage = function() { 
     //... 
    }; 

}); 

那么你应该能够从其他文件这样称呼它：

window.opener.showMessage(); 

而且因为它是在全球范围内，你可以通过调用

showMessage();