实现Javascript/css与HTML的分离的步骤是很相似的,当然也不同,接下来就是具体的实现。
第一步:首先都是创建文件
只是创建的文件不同。如下图
1)如果创建JavaScript代码与HTML的分离的文件创建:
a) 选择JavaScript页面类型
b) 显示创建的文件,把<script language="javascript"type="text/javascript"></script> 框架里面的代码放入到创建的文件中
(切记:不要把框架代码放入文件,把HTML中的此框架及内容全部清除)
c) 保存文件:给文件命名,文件的类型为:.js文件。
2) 如果创建css代码与HTML的分离文件创建:
a) 选择css页面类型
b) 显示创建的文件,把<stysle type=”text/css”></style>框架里面的内容放入文件中(同上不包括框架代码,把HTML中的此框架及内容全部清除)
c) 保存文件:给文件命名,文件的类型为:.css文件。
第二步:在HTML中引入我们保存的文件
1) 在HTML中引入.js文件:
找到引入的文件,其他都是默认选项;当然在HTML中需要把光标定位引入文件的地方。
2) 在HTML中引入.css文件:
找到引入的文件,其他都是默认选项;当然在HTML中需要把光标定位引入文件的地方。
总结:
两大步就可以实现Javascript/css与HTML的分离,实现代码的可复用性。
我好像把:“不同的问题找相同点;相同的问题找不同点了。”用上了;通过这两个例子,此种类型的问题都可以用两部曲解决。
更多推荐
Javascript二:如何实现Javascript/css与HTML的分离
发布评论