导航

JavaScript学习心得（二）

Posted on 2014-03-04 22:51  菜鸟展翅  阅读(381)  评论(0)  编辑  收藏  举报

一选择DOCTYPE

　　DOCTYPE是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器使用什么样的文档类型定义（DTD）来解析文档。

　　网页从DOCTYPE开始，即<!DOCTYPR html>,使用这种格式输入有以下好处：

  • 更容易输入，降低错误输入的可能性
  • 字符数少，发送到用户浏览器和加载的文件小（极其细微）
  • 所有浏览器都支持
  • 自动地使用浏览器进入标准模式

二HTML5

　　HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML （标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。

　　一个HTML5模板：

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="utf-8">//字符集
 5     <title>HTML5 Template</title>
 6     <!--[if lt IE 9]>//HTML5 shiv当注释中的特殊条件检查当前浏览器版本是否低于IE9
 7     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 8     <![endif]-->
 9 </head>
10 <body>
11     <!-- Script 2.1 - template.html -->
12 </body>
13 </html>

三为HTML添加Javascript

　　使用<script></script>需要引用外部文件<script src=""></script>

　　使用外部Javascript文件的好处：

  • 当代码复杂或者网站的多个页面中重复，易于维护
  • 用户的浏览器可以缓存

　　HTML相对路径(Relative Path)

　　同一个目录的文件引用，如果源文件和引用文件在同一个目录里，直接写引用文件名即可。

　　表示上级目录：../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

　　表示下级目录：引用下级目录的文件，直接写下级目录文件的路径即可。

　　　　假设i.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html

　　　　假设index.html路径是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

　　　　在info.html加入index.html超链接的代码应该这样写：

 

　　　　<a href = "html/tutorials/index.html">index.html</a>

 

　　HTML绝对路径(Absolute Path)

　　HTML绝对路径(absolute path)指带域名的文件的完整路径。

四关键的开发方法

　　功能退化

　　如果浏览器不支持或者没有启动Javascript，显示一个替代信息

<noscript>Your blower does not support JavaScript!</noscript>

　　无法执行Javascript的类型;

  • 在浏览器中禁用Javascript
  • 运行noscript（http://noscript.net）
  • 使用读屏器
  • 使用移动或者游戏设备浏览器
  • 机器人，如搜索引擎

　　应对方法：

  1. 忽略这些情况（不推荐）
  2. 应用功能退化，最常见，提供一个备用界面
  3. 渐进增强