HTML、css、JavaScript 代码分离

来源:互联网 发布:淘宝上便宜的零食店铺 编辑:程序博客网 时间:2024/05/17 03:34

说明:新手......所有开发测试都在本地

HTML与CSS分离

格式:
1.html页面中的<style type=""></style>的代码单独命名保存为.css文件
2.在HTML页面<head></head>中添加<link href="文件名.css" type="text/css rel="Stylesheet" /> 
3.单独css文件中,若遇到背景图片定位问题:
background-image:url(one.png);
其中URL路径怎么写呢?
我是这么写的:background-img:url(../img/one.jpg) ,如果写url(./img/one.jpg)会出错,为什么?

HTML与JavaScript分离

方法:
1.将HTML页面中的<script></script>的代码单独保存为.js文件
2.在HTML页面的<head></head>块中添加<script src="文件名.js"></script>
3.说明:并在文件名.js文件以这样开头,window.onload=function(){所有代码}。
意思是,将所有的js代码加载到HTML中吧,i think.

现在只知道可以这么处理,至于有些原理,不太明白微笑

0 0
原创粉丝点击