【html】link,script

来源:互联网 发布:apache php环境搭建 编辑:程序博客网 时间:2024/05/18 06:22

1.  link 标签


功能:指定了 当前文档 和 链接的外部资源的关系,通常用于 链接一个外部样式表(css 文件);


语法:只能定义在 html 的  head 标签内,且可以出现多次;
html 中

<link [属性]/>  // 这里的属性为 html 的 全局属性;

栗子:html 中链接一个外部样式表(css 文件)

<link rel="stylesheet" type="text/css" href="custom.css"/>

常用属性:

        rel:决定外部资源 和 当前文档的关系 (relation),链接外部样式表时的值为  stylesheet

        type:规定被链接 的 外部资源的 MIME 类型,例如 text/css ,text/html,链接外部样式表时值为 text/css:表示 层叠样式表 (Cascading Style Sheet)的形式;

        href:指定被链接资源的 URL;(Hypertext Reference)


2. script 标签


功能:用于 嵌入 或 引用 一个可执行的脚本;

语法:

<script [属性]>[ js code]</script>


嵌入一个可执行脚本栗子:

<script type="text/javascript">      document.write("Hello World!")</script>

引用一个可执行脚本栗子:

<script type="text/javascript" src="custom.js"></script>

常用属性:

     type:必须属性,指定 MIME 类型,此时为 text/javascript;

     src :可选属性,指定引用脚本的 URL;

     async:异步执行此脚本;html5 支持的语法;

   

另外,script 可以 通过js 获取 和 创建;


可执行脚本的编写:

window.onload   VS    $(document).ready(handler)

window.onload = funcRef 

funcRef 是 指 window 的加载事件 触发时 调用的 处理函数;

触发时间是 在 文档加载过程结束时;此时,所有的图片,script 脚本,link 链接资源 以及子框架都已经完成加载;


栗子:

window.onload = function() {  init();  doSomething();};

$(document).ready(handler)

.ready(handler)属于 jquery 的一个方法,详情参看  .ready()

指定了一个处理函数,该函数在 DOM (Document Object Model)完全 加载后执行;几种使用方法:

     $(handler):                                                   推荐使用

     $(document).ready(handler):

     $("document").ready(handler);

     $("img").ready(handler):

     $().ready(handler):

栗子:

$(function() {      init();      doSomething();});





0 0
原创粉丝点击