如何点击按钮后在加载外部的Js文件

或许有朋友遇到过，想等自己点击按钮之后才执行某一个js文件，那么，你运气好，看到了我的代码了哈哈，

<html>
<head>
    <title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function call1(url)
{
    $.getJSON(url + '?callback=?');
}

// 新建 script 标签
function call2(url)
{
    var js = $('<script />');
    js.attr('src', url);
    $('head').append(js);
}
</script>
</head>
<body>
    <input type="button" value="test1" onclick="call1('test.js');" />
    <input type="button" value="test2" onclick="call2('test.js');" />
</body>
</html>

把上面的这段代码复制到记事本，然后修改后缀名，在自己新建一个test.js文件

alert("测试");

这是文件目录。

posted @ 2016-03-18 12:03  风琴~云淡  阅读(1748)  评论(0)  编辑  收藏  举报