判断一个页面是否加载了某个js文件

在加载嵌套等页面的时候，遇见了一种这样的情况，有的文件中已经加载了某个js，但是又加载了一遍，导致有些插件不能正常使用。

例如：

<!-- 这种是判断某个js文件是否加载 -->

<script>!window.jQuery && document.write('<script src="public/js/jquery-1.11.1.min.js"></script>');</script>

<!-- 这种是判断某个js文件是否加载 -->

Highchart不能重复加载，放别的页面重复load时，需要重置它

<script>
    if (window.Highcharts) {
        window.Highcharts = null;
        window.HighchartsAdapter = null;
    }
</script>
<script type="text/javascript" src="public/js/highchart/highcharts.js"></script>
<script type="text/javascript" src="public/js/highchart/exporting.js"></script>


<script type="text/javascript" src="public/js/hScroll/hScrollPane.js" ></script>
<script type="text/javascript" src="public/js/hScroll/jquery.mousewheel.js" ></script>
<link href="public/js/hScroll/hScrollPane.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">
$(function () {
   var chart = null;
   <!--{if $ulist_json}-->
        charts.ChartObj = {$ulist_json};
        charts.ChartDiv = 'container';
        charts.EvalInit();

        chart = new Highcharts.Chart(EvalChart);

        $(".chart").hScrollPane({
            mover:"#container", //指定container对象下的哪个元素需要滚动位置 | 必传项;
            showArrow:false, //指定是否显示左右箭头，默认不显示 | 可选项;
            //moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项;
            handleMinWidth:50,//指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性（如 width:28px!important;），不传入则不设定最小宽度 | 可选项;
            //dragable:true, //指定是否要支持拖动效果，默认可以拖动 | 可选项;
            //easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项;
            //handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式，不传入该参数则没有变化效果 | 可选项;
            mousewheel:{moveLength:200} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件；moveLength是指定鼠标滚动一次移动的距离,默认值：{bind:true,moveLength:300} | 可选项;
        });


   <!--{else}-->
   $('#content').html('没有查询到记录');
   <!--{/if}-->

});
</script>


<div id="content" style="text-align:center; margin:auto;">
<div class="chart" style="height:520px;overflow:hidden;position:relative;">
   <div id="container" style="white-space:nowrap;position:absolute;"></div>
</div>
</div>

最后

以上就是跳跃翅膀为你收集整理的判断一个页面是否加载了某个js文件的全部内容，希望文章能够帮你解决判断一个页面是否加载了某个js文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。