添加js的技巧

來源:互聯網
上載者:User

看了一個互動的源碼,覺得這樣添加js也很有技巧,分享一下原作者的思路:

__CreateWlnPath = function (js) {    if (true) {        var scripts = document.getElementsByTagName("script");        var path = "";                for (var i = 0, l = scripts.length; i < l; i++) {            var src = scripts[i].src;            if (src.indexOf(js) != -1) {                var ss = src.split(js); path = ss[0]; break;            }        }        var href = location.href;        href = href.split("#")[0];        href = href.split("?")[0];        var ss = href.split("/");        ss.length = ss.length - 1;        href = ss.join("/");        if (path.indexOf("https:") == -1 && path.indexOf("http:") == -1 && path.indexOf("file:") == -1 && path.indexOf("\/") != 0) {            path = href + "/" + path;        }        return path;    } else {        return 'http://wexinapi.duapp.com/res/';    }}var wlniaoPATH = __CreateWlnPath("wlniao.com.js");document.write('<script id="resTag" src="' + wlniaoPATH + 'jquery.min.js" type="text/javascript"></sc' + 'ript>');var _WlniaoScript;function _() {    _WlniaoScript = $('#resTag');}function _publicPage() {    _();    _WlniaoScript.after('<script src="' + wlniaoPATH + 'publicPage/other.js"></script>');}

這裡的_WlniaoScript.after就是利用了jq的after函數,當然了before也是可以的:

_WlniaoScript.before('<link rel="stylesheet" href="' + wlniaoPATH + 'publicPage/base.css">');
_WlniaoScript.before('<script id="resTag" src="' + wlniaoPATH + '../artDialog/jquery.artDialog.js?skin=twitter" type="text/javascript"></sc' + 'ript>');_WlniaoScript.before('<link rel="stylesheet" href="' + wlniaoPATH + '../artDialog/skins/twitter.css">');

如有不明白的地方歡迎加QQ群14670545 探討

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.