可以1用angularJs，把用html作为模板，用js调用2写html，ltscript引入js，例如jqurey等。

你把你的JS部分使用外部JS文件来调用，不直接写html页面里就行，调用方法 ltscript src=quotjs你的外部JS文件jsquotltscript。

lttitle简洁Tablttitle ltLINK REL=quotstylesheetquot HREF=quotstylecssquot TYPE=quottextcssquot media=quotscreen， projectionquot ltscript type=quottextjavascriptquot src=quotmenu2jsquotltscript lthead ltbody ltdiv id=quotli。

将JavaScript代码从HTML文件中分离出来，我们只是需要将JS的代码都统一写在一个文件中，然后我们在通过windowonload的事件，这个就是html先加载完成，然后才会调用JS文件，这里还是通过代码来体现html中lthtml ltheadlt。

js结束 HTML代码可以精简为lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot。

js在html中的使用有两种方式1直接在html文件中的script标签里写js代码 2通过script标签的src属性引用外部的js文件 总结在开发中建议使用第二种方法，将html和js文件分离，方便维护。

以ltscript***ltscript包围的是js代码，ltstyle***ltstyle包围的是css代码其他就是html的了把它们各自写到同一个地方就好文件的话，js是以js为後缀的文件，css是以css为後缀的文件。

把script元素写在ltbody前面，script元素的内容就是js代码像这样ltscript 在这里写jsfunction testalert#39说点什么呢#39 testltscript二引用外部js文件引用外部js文件，可以使js文件和HTML文件相分。

myjs文件 function checkinput var username = ifusernamevalue == #39#39 alert#39用户名不能为空！#39 usernamefocus return false myhtml文件 lt。

三特点不同 1JS代码主要用来向HTML标准通用标记语言下的一个应用页面添加交互行为可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离2html代码超级文本标记语言的广泛应用带来了加强功能，增加。

1新建一个文本文件把你的ltscript type=quottextjavascriptquot***ltscript里面的所有代码放进去，注意，不带ltscript type=quottextjavascriptquot保存的时候记得扩展名保存成js文件例如demojs2在你当前文件中插。

lthtml 三在浏览器地址栏直接执行JavaScript脚本 也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行如输入javascriptalert200*75四调用JavaScript文件 可以将纯JavaScript的语句另外保存在一个quot*jsquot。

尊敬的用户，您好很高兴为您答疑从您的描述来看，您代码的问题在于js的工作机制是顺序执行，当您的代码屋里顺序出现问题，则会出现变量异常等问题导致页面显示失败您的问题可以通过跟踪浏览器控制台的输出信息调试，据推测。

3而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需windowonload4也可以新建js文件，把html和js分离5然后在js文件里面写代码，注意不要用script标签6然后在script里面用src来把之前的。

因为JavaScript 会操作html元素， 如果在body加载完之前写JavaScript 会造成JavaScript 找不到页面元素 但是我们经常将ltscript写到head中，body中不会有大量的js代码，body中的html代码结构会比较清晰 windowonload 等待页面中。

然后我们在html页面中添加script标签，在script里简单的写一些JS的代码，如下图所示 接下来可以定义一个button按钮，通过其click事件来调用JS的代码，如下图所示 当然，如果调用的JS代码是外部的文件，则需要在开头的head标签内。