本文目录一览：
- 1、我想把html和js分离管理，于是把script标签中的所有代码剪切到js文件中保存，script
- 2、什么是JS代码?
- 3、[PHPCms教程] 标签JS如何调用管理
- 4、如何利用Require.Js管理多页面站点文件
- 5、JS代码怎么写
我想把html和js分离管理，于是把script标签中的所有代码剪切到js文件中保存，script
1、js代码必须要写正确的。比如你的js文件是123.js,在123.js中直接写js代码。代码中不要加script /script
2、调用时，js路径要写正确。如果你的js放到根目录就写
script src="/123.js"/script
什么是JS代码?
JavaScript
缩写。一种计算机脚本语言，主要在web浏览器(客户端)解释执行，由网景公司开发。
我在网上抄的。
[PHPCms教程] 标签JS如何调用管理
打开系统设置,在左栏下方的“模板风格”里我们看到有一项“标签JS调用治理”
在这里我们可以生成系统中预置的公共标签和JS调用。
公共标签调用治理 包含：
栏目标签、专题标签 、 专题幻灯片标签、 公告标签、 友情链接标签、 评论标签
PHPCMS教程：
下面以栏目调用为例介绍一下使用过程：
首先点击“公共标签调用治理”中的“栏目标签”
在下方出现“栏目目录列表调用标签治理”
点击“添加栏目目录列表调用标签” 进入参数设置状态
“配置名称”中填入由字母、数字和下划线组成的唯一名称
“配置说明”对标签进行简单描述（可用中文）方便以后治理
下面就是具体的参数设置了“标签参数设置”
设置好各项参数后点下面的“保存”即生成相应的标签和JS调用。
我们再打开“栏目目录列表调用标签治理”中的“治理栏目目录列表调用标签”
就可以看到我们添加的标签和JS调用代码
这里系统为我们提供了长、短标签和JS调用，您可以根据自己的需要选择不同的调用方式。
我们还可以在“治理操作”进行“预览”“ 修改” “ 删除”的操作。
最后把标签或者JS代码复制粘贴到模板中的相应位置，这样就可以在该位置显示我们设置好的信息了。
您可以先设置好参数，然后把标签或者JS代码复制粘贴到模板中的相应位置，这样就可以在该位置显示信息。
标签和JS调用显示的结果相同，您需要根据实际情况来决定选择哪一种调用方式。
下面就标签调用与JS调用特点做一下讲解：
标签调用：
优点：在调用页产生html，有利于搜索收录，下载速度快
缺点：假如您设置了生成html，html生成速度慢，需要经常更新页面才能保持最新，不能跨站或者跨频道调用
JS调用：
优点：可以跨站调用，自动更新，html生成速度快
缺点：搜索收录差，速度相对html要慢一点（相差不大）
我们的建议：
在首页、栏目首页、专题首页使用标签调用；
栏目信息列表、信息具体页中的推荐信息、热点信息等
如何利用Require.Js管理多页面站点文件
直接上例子，自己参考一下吧。我复制粘贴的，对于这个不太懂。
RequireJS 的作者 James Burke ，做了很多有效组织代码，利用 RequireJS Optimizer 压缩优化代码的努力，有些例子是我经常提到的： example-multipage-shim. ， example-multipage 。但我更喜欢用 shim 版本（它支持非 AMD 方式定义的模块载入）的 RequireJS，因为一个项目里面似乎总有几个非 AMD 的脚本文件。
如果你在用RequireJs创建一个单页站点，那么你可能会这样定义你的script标签：
!--This sets the baseUrl to the "scripts" directory, and
loads a script that will have a module ID of 'main'--
script data-main="scripts/main.js" src="scripts/require.js"/script
data-main 属性可以很方便的用来设置 RequireJs 的 baseUrl property ，通常，你也可以在 main.js 里面加上一些配置，比如，你要加载一个第三方的js库，你要创建一个路径以便引用。因为模板里的每一个单页的 mian-* 文件都不同，所以，我们可以把配置信息放在 common.js 里：
1 //The build will inline common dependencies into this file.
2
3 requirejs.config({
4 baseUrl: './js',
5 paths: {
6 'jquery': 'vendor/jquery',
7 'bootstrap': 'vendor/bootstrap'
8 },
9 shim: {
10 'bootstrap': ['jquery']
11 }
12 });
除了 common.js，我还在 app/models 下创建了BasicModel文件以表明common.js是公用的，并把BasicModel放进common.js里。
编译
编译之前需要有一个 option.js 来指定哪些文件需要编译，哪些不需要：
1 module.exports = {
2 appDir: 'www',
3 baseUrl: 'js/',
4 mainConfigFile: 'www/js/common.js',
5 dir: 'www-release',
6 modules: [
7 {
8 name: 'common',
9 include: [
10 'app/models/basicModel',
11 'jquery',
12 'bootstrap'
13 ]
14 },
15 {
16 name: 'app/main-about',
17 exclude: ['common']
18 },
19 {
20 name: 'app/main-contact',
21 exclude: ['common']
22 }
23 ]
24 };
上面的代码中，首先把所有的文件用 include 方法包含进来，然后把不需要的文件用 exclude 方法排除出去。RequireJs 会根据 exclude 的参数配置理出嵌套依赖关系并把文件排除掉。因为 bootstrap 已经编译合并进 common.js 了，所以不需要单独为 main-about 或 main-contact 再 exclude 掉 bootstrap。
在执行这些操作之前，你需要执行一个 npm 安装。首先你要确保安装了 grunt 工具，安装完成后执行 grunt 命令压缩打包。如果打包顺利完成，会在www-release/build.txt 里看到如下被打包的文件清单：
css/bootstrap-responsive.css
----------------
css/bootstrap-responsive.css
css/bootstrap.css
----------------
css/bootstrap.css
css/style.css
----------------
css/style.css
js/common.js
----------------
js/common.js
js/app/models/basicModel.js
js/vendor/bootstrap.js
js/app/main-about.js
----------------
js/app/models/aboutModel.js
js/app/main-about.js
js/app/main-contact.js
----------------
js/app/models/contactModel.js
js/app/main-contact.js
www-release/common.js 里面试一大块压缩后的代码，代码里就包含了 BasicModel, Bootstrap, jQuery, and 初始配置代码。要配置 about.html ，只需要按下面的顺序加载文件即可：
1 script src="./js/vendor/require.js"/script
2 script type="text/javascript"
3 // Load common code that includes config,
4 // then load the app logic for this page.
5 require(['./js/common'], function (common) {
6 // ./js/common.js sets the baseUrl to be ./js/
7 // You can ask for 'app/main-about' here instead
8 // of './js/app/main-about'
9 require(['app/main-about']);
10 });
11 /script
通过层层引入 RequireJs -- common.js -- main-about.js 实现了明晰简便的代码管理方式。
JS代码怎么写
将需要在js中修改的代码放在js变量中，该变量在js中定义，然后在insertHtml中添加这段代码，示例如下：var code = "a herf = '#'img url = '#'/a";insertHtml("beforeend",document.body,code);将包含上述代码的js引入到页面中即可，在页面上调用js的代码如下：script language=javascript src="test.js"/scriptinsertHtml的使用方法：insertHtml(where,el,html);where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEndel：用于参照插入位置的html元素对象html；要插入的html代码例：insertHtml("beforeEnd",document.getElementById("fav_list"),"li id='aaa'a href='' class='fav_link'百度/a/li");