您的位置:首页 > Web前端 > JavaScript

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

2017-01-26 12:11 1096 查看
在加载嵌套等页面的时候,遇见了一种这样的情况,有的文件中已经加载了某个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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: