转载

JS加载相对路径脚本的方法 - 汇总

js加载脚本的方式有很多，但是各有各的用途。

最近公司https项目改造，对于资源文件这一块，也是遇到一些问题，现在就来总结一下，怎样改造https的脚本吧~！

方法1、借助服务端语言如PHP，输入当前是https或者http的标识到html页面，再次编译后得到输出结果。【有服务端语言参与时推荐】

<script type="text/javascript" src="{$__SYS_URL__.__httpsUrl__}/dataster2/js/jquery.min.js"></script>

方法2、使用html标签base 替换该变量，其他地方的变量则用相对路径即可，如 /img/a.png ... 【有功能局限】

<base id="based" href="http://res.cccc.com/">
<script type="text/javascript">
        var host = window.location.host;
        if(host.indexOf("eccc") > 0){
            $("#based").attr("href","http://res.ccc.com/");
        }else if(host.indexOf("xxxx") > 0){
            $("#based").attr("href","https://res.cccc.com/");
        }
</script>

方法3、使用html自带的特性，自动获取当前协议填充【方便易用、推荐】

<script type="text/javascript" src="http://cdn.ccc.com/static/common/lib/a.js"></script>
<!-- 改为 -->
<script type="text/javascript" src="//cdn.ccc.com/static/common/lib/a.js"></script>

方法4、使用js脚本加载script文件，添加到dom中【在有些需求场景，低侵入式操作推荐】

<script type="text/javascript">
        //在每个需要的地方加该代码，好烦呐
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?96664522";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
</script>

方法5、将原始脚本拷贝到本项目中，使用相对路径加载【最笨的方法，不推荐】

<script>
        var cc = 1; 
        //...
        //...
</script>

注意：

1. 使用https协议加载网页时，一些低版本的app可能不支持，需要避免该情况。

2. 当https协议的网页中，包含了http的资源文件时，该网页将会被认为是有不完全的连接，因此一改造https，应将所有http链接改为https。

3. https证书尽量使用国际证书，如果有多个二级域名时，应买通配证书而非某特定域名证书。

暂且总结如此。

原文 http://www.cnblogs.com/yougewe/p/6322038.html

正文到此结束

所属分类：编程技术

本文标签： 编译 cat DOM id PHP Document 服务端 java CDN HTML IO js App JavaScript https 域名 http ip 需求 src node 代码 lib 协议 jquery 总结
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

JS加载相对路径脚本的方法 - 汇总

注意：

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流