html中的js代码的简化,html代码简单

本文目录一览：

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)