easyUI引用必要的css，js文件示例 基础（三）--cdn

easyUI中CDN

1. easyui中的调用（css、js文件的调用）-----CDN的引用 这个就像你在用jquery库的时候类似都要调用里边一些必要的js等的库文件（现成已经编辑好的，你直接使用就好）

（1）easyUI调用网络上现成的的文件 ``` <link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="http://www.w3cschool.cc/try/jeasyui/demo/demo.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.w3cschool.cc/try/jeasyui/jquery.easyui.min.js"></script>

这是其中的一种示例调用w3C里边的，也可以调用其他的例如： ```

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css"><script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script><script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>```

也可以使用这个（根据自己的需求灵活选择变动） ```

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css" />```

（2）本地上的调用

第一步先下载官网上的现成easyUI的文档解压后打开如下：

第二步：导入到你的项目

我用的是myeclipse工具，你也可以根据自己用的工具灵活套用一下思路类似；

先把jquery-easyui-1.5.2的包导入到项目中；

第三部的就是像第一步中的引用（一些必备的包）： ```

<link href="../easyui1.5.2/theme/default/easyui.css" rel="stylesheet" type="text/css" />

<link href="../easyui1.5.2/theme/icon.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="../easyui1.5.2/themes/metro/datagrid.css" type="text/css"></link>

<script type="text/javascript" src="../easyui1.5.2/jquery.easyui.min.js"></script>

<script type="text/javascript" src="../jquery-3.1.1/jquery-3.1.1.min.js"></script>

<script type="text/javascript" src="../easyui1.5.2/plugins/jquery.pagination.js"></script>```

注意：要找到文件的位置 ，src=“”这个路径一定要写正确，不然调用失败的。我用的myeclipse的话可以直接找到 包的位置直接点击拉取到你想用的html文件中就可以（自动把引入文档写好）。