关于css,js,jQurey的外部引用
2015-12-10 20:40
344 查看
引用text.css文件
先从css的引用开始,css的引用有外部引用,内部引用两种方式,但是外部引用里又有两张方式,同样内部引用也有两种。
外部引用有link引用和@important引用
内部引用(这样称呼其实不严格,只是为了更好地分类更好地记住)可以直接用style和直接嵌套两种。
我们主要谈外部引用,
link引用:在head放置<link
rel="stylesheet" href="wcss.css" type="text/css"
/>来调用外部的wcss.css文件来实现html引用css文件。
使用link来引用外部的css的优势
1、有利于SEO,使用此方法引用外部css文件,将使得html页面的源代码少很多比起直接加入css样式,因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的,这样使得html源代码很少,使得蜘蛛爬行更快,处理更少,增大了此网页的权重,有利于排名。
2、节约html使得浏览器下载网页时候分开线程了,就像加载一个页面同时有两条线在打开一个页面道理,使得网页打开格外快。(用户浏览此网页的时候html源代码和css文件同时下载,使得更加快速)
3、修改网页的样式方便,只需修改css样式即可修改网页的美工样式,如果在网站项目中此方法,因整站应用了共用的css基本样式,这样修改整站风格样式根据快捷方便。
@important
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
调用test.js文件
可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。
例子:调用test.js文件,显示提示。
<html>
<body>
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
引用js的路径既可以放在<head></head>中,也可以放在<body></body>中,并没有限制。
避免使用CDATA。
统一定义JavaScript代码,方便查看,方便维护。
使代码更安全,可以压缩,加密单个JavaScript文件。
浏览器可以缓存JavaScript文件,减少宽带使用(当多个页面同时使用一个JavaScript文件的时候,通常只需下载一次)。
一个JavaScript文件也会增大HTTP请求。
调用jQurey
调用jQurey的主要方法有两种:
1.第一我们可以下载可以随时随地的使用,
Production version - 用于实际的网站中,这是压缩版。
Development version - 用于测试和开发(未压缩,是可读的代码)
这两个版本都可以从官网 jQuery.com 下载。
2.第二就是线上引用,现在最主流的就是谷歌的和微软的CDN(内容分发网络) 引用它。
google CDN:
jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1
等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。
Mircrosoft CDN:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载
jQuery,这样可以减少加载时间。同时,大多数 CDN
都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
先从css的引用开始,css的引用有外部引用,内部引用两种方式,但是外部引用里又有两张方式,同样内部引用也有两种。
外部引用有link引用和@important引用
内部引用(这样称呼其实不严格,只是为了更好地分类更好地记住)可以直接用style和直接嵌套两种。
我们主要谈外部引用,
link引用:在head放置<link
rel="stylesheet" href="wcss.css" type="text/css"
/>来调用外部的wcss.css文件来实现html引用css文件。
使用link来引用外部的css的优势
1、有利于SEO,使用此方法引用外部css文件,将使得html页面的源代码少很多比起直接加入css样式,因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的,这样使得html源代码很少,使得蜘蛛爬行更快,处理更少,增大了此网页的权重,有利于排名。
2、节约html使得浏览器下载网页时候分开线程了,就像加载一个页面同时有两条线在打开一个页面道理,使得网页打开格外快。(用户浏览此网页的时候html源代码和css文件同时下载,使得更加快速)
3、修改网页的样式方便,只需修改css样式即可修改网页的美工样式,如果在网站项目中此方法,因整站应用了共用的css基本样式,这样修改整站风格样式根据快捷方便。
@important
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
调用test.js文件
可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。
例子:调用test.js文件,显示提示。
<html>
<body>
<script language="JavaScript" src="test.js">
</script>
</body>
</html>
引用js的路径既可以放在<head></head>中,也可以放在<body></body>中,并没有限制。
JavaScript文件外部加载的好处
避免使用<!-- ... //-->,骇客技术。
避免使用CDATA。
统一定义JavaScript代码,方便查看,方便维护。
使代码更安全,可以压缩,加密单个JavaScript文件。
浏览器可以缓存JavaScript文件,减少宽带使用(当多个页面同时使用一个JavaScript文件的时候,通常只需下载一次)。
JavaScript文件外部加载的注意事项
不要把JavaScript分为多个文件,多个文件会增加服务器的负担,增加服务器的HTTP请求。一个JavaScript文件也会增大HTTP请求。
调用jQurey
调用jQurey的主要方法有两种:
1.第一我们可以下载可以随时随地的使用,
Production version - 用于实际的网站中,这是压缩版。
Development version - 用于测试和开发(未压缩,是可读的代码)
这两个版本都可以从官网 jQuery.com 下载。
2.第二就是线上引用,现在最主流的就是谷歌的和微软的CDN(内容分发网络) 引用它。
google CDN:
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>注:通过 Google CDN 来获得最新可用的版本:如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的
jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1
等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。
Mircrosoft CDN:
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>注:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载
jQuery,这样可以减少加载时间。同时,大多数 CDN
都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
相关文章推荐
- Python动态类型的学习---引用的理解
- 微信搜一搜迈出新的一步,好戏来了
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- JQuery插件Style定制化方法的分析与比较
- Shell脚本中引用、调用另一个脚本文件的2种方法
- C#获取网页源代码的方法
- LCL.VBS 病毒源代码
- vbs引用另一个vbs的代码
- C++中引用的使用总结
- C++中引用(&)的用法与应用实例分析
- 关于"引用"的几点说明介绍
- ASP常用源代码的总结(上)
- 浅析PHP原理之变量分离/引用(Variables Separation)
- php查看网页源代码的方法
- 引用全局程序集缓存内的程序集的方法
- CSS和JS标签style属性对照表(方便js开发的朋友)
- asp.net中javascript的引用(直接引入和间接引入)
- 浅析C和C++函数的相互引用
- ppk谈JavaScript style属性
- AJAX 支持搜索引擎问题分析