本文目录一览：
- 1、html文件中有一段JS代码，如何把这段JS代码单独写成一个JS文件，然后在html中调用它呢
- 2、如何将js 输出到html源码中?
- 3、在html中直接写js代码好，还是导入js文件好啊，是不是后者更安全呢？谢谢，本人新手。
- 4、如何精简HTML代码？
- 5、如何在html中调用js代码
html文件中有一段JS代码，如何把这段JS代码单独写成一个JS文件，然后在html中调用它呢
1、新建一个文本文件。把你的script type="text/javascript"*****/script里面的所有代码放进去，注意，不带script type="text/javascript".保存的时候记得扩展名保存成.js文件。例如：demo.js;
2、在你当前文件中插入script type="text/javascript" src="demo.js"/script
即可！
如何将js 输出到html源码中?
HTML中调用JS代码。
js代码注解：javascript代码，可直接在客户端解释执行，html中调用js代码的方法有两种：一、将javascript写在html文件中，在html中调用js函数等；二、js代码写一个文件中，在html中引用该文件，使用js文件中定义的js函数。
调用方法：
1、打开Dreamweaver软件，在创建新项目下选择HTML；
2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面；
3、编写html文件，html文件包含用户名及密码输入文本框，确定和取消按钮；
4、在title标签下插入script language="JavaScript"js代码/script，在html中调用js函数；
5、js代码编写及html调用js代码完成保存tset.html文件，在浏览器中打开test.html文件，检查js代码执行效果；
6、在Dreamweaver软件中新建check.js文件（方法同html文件新建），check文件中输入校验函数；
7、test.html的title标签下引用check.js文件；
8、在程序中引用check.js文件中js函数，在浏览器中刷新test.hmtl文件，然在username的输入框中输入非法字符来检验js代码。
在html中直接写js代码好，还是导入js文件好啊，是不是后者更安全呢？谢谢，本人新手。
一般不涉及安全问题
导入js文件的目的是为了极大的简化html页面代码数,使之访问时速度快,因为代码数越少 文件越小,加载越快,这是一个规范问题, 所以专业网站的js和css都是导入的
如何精简HTML代码？
怎样精简HTML代码
在编辑网页过程中，由于网页过于复杂，或是在网页上过度频繁地移动文本、图片或者其它对象，或是反复设置文字、表格或图片的属性，都会不可避免地产生多余而冗长的HTML代码。不必要的代码会影响网页的下载速度和网页的兼容性。所以，在编辑完网页后，我们可以寻找并清除这些代码，使整个网页更精简，在浏览时速度更快。
选择“Commands”菜单下的“Clean Up Html”命令，打开“Clean Up Html…” 对话框，在“Remove”栏中有五个选择来清除不需要的代码：
图1 打开“Clean Up Html…” 对话框
Empty Tags：用于清除没有包含任何内容空标签。
比如，会删除“font size=2/font”，但是不会删除“font size=2 Goldhuman/font”。
Redundant Nested Tags：用于清除多余的嵌套标签。
例如，对“b金洪恩b电脑/b有限公司/b”语句，内部的b/b标记会被删除，变为“b金洪恩电脑有限公司/b”。
Non-Dreamweaver HTML Comments：用于删除所有非Dreamweaver自动生成的注释信息。Dreamweaver自动生成的注释之前都有一段说明，表明该注释由Dreamweaver所添加，Dreamweaver就是根据这个特征来区分哪些注释是由它自动生成，而哪些注释不是由它生成的，并进行删除。
Dreamweaver HTML Comments：用于清除由Dreamweaver产生的注释；
在Specific Tag(s) （特定标记）输入框中，我们可以指定要清除的标签。我们可以在右面的文本框中输入要清除的标签名。这一项主要用于删除哪些由其他可视化编辑器生成的标记、自定义标记，或那些不希望放置到站点上的标记，如blink。
下面我们再看一下“Option”（选项）区域。
Combine Nested font Tags When Possible（尽可能合并嵌套的font标记）：选中这一项，会对文档中的嵌套font标记进行重新组合或合并。
比如，语句“font size="2"font color="#A3C06D "洪恩在线/font/font”，会被融合成“font size="2" color="#A3C06D "洪恩在线/font”
Show Log on Completion（完成后显示提示）：选中这一项，会在精简代码操作完成后，显示相关的提示信息。
比如我们选中头两项，然后点“OK”，系统会弹出一个对话框，告诉我们一共清除了几个空标签。
如果网页是由Word文件另存成HTML文件的，那我们可以选“Commands”菜单下的“Clean Up Word Html…”命令，会专门清除一些由Word文件转换所产生的多余标签和其他废代码。
如何在html中调用js代码
在html的head和body内可编辑技术代码，具体格式如下
1，在head部分
html
head
(这里输入head部分其他内容，比如title/title)
script type=text/javascript
(这里可以写js代码)
/script
/head
/html
2，在body部分
html
body
(这里输入body部分其他内容,比如div/div)
script type=text/javascript
(这里可以写js代码)
/script
/body
/html