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" />

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

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

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

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

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

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