很好的东子（干货很多）--把一个函数变成全局的方法及slideToggle()

江南风雨2013

于 2016-08-18 16:10:58 发布

阅读量404

点赞数

分类专栏： js 文章标签： js 全局对象

本文链接：https://blog.csdn.net/u012028371/article/details/52241996

版权

js 专栏收录该内容

87 篇文章 1 订阅

订阅专栏

这篇博客演示了如何将一个函数变为全局方法，以便在HTML中和浏览器控制台中调用。通过示例代码展示了如何利用IIFE（立即执行函数表达式）将`aa()`函数绑定到`window.GM`对象上，使其成为全局方法。同时，`aa()`函数内部使用了jQuery的`slideToggle()`方法，动态地切换段落的显示和隐藏状态，提供了平滑的滑动效果。

摘要由CSDN通过智能技术生成

废话不多说，直接上demo

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery/jquery.js"></script>

</head>
<body>
<p>这是一个段落。</p>
<button οnclick="window.GM.aa()">切换</button>
<script type="text/javascript">

/*;(function(){
var aa=function(){
console.log("nihao!");
$("p").slideToggle();
}
window.GM || (window.GM={});
window.GM.aa =aa;

})()
*/
window.onload =function(){
;(function(){
var aa=function(){
console.log("nihao!");
$("p").slideToggle();
}
window.GM || (window.GM={});
window.GM.aa =aa; // 这样 aa()就变长了全局的了，就可以在html里调用了。当然在浏览器控制台也就可以调出了。

})()

}

</script>
</body>
</html>