在Html中使用JavaScript

Posted soldierback

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在Html中使用JavaScript相关的知识,希望对你有一定的参考价值。

一、三种方式

  1)<script>元素

  2)外部文件

  3)文档模式

二、<script>元素

  是向html页面插入javascript的主要方法;HTML 4.01为<script>定义了下列6个属性;

  1)async:可选;表示应该立即下载脚本,但不妨碍页面中的其他操作;只对外部脚本文件有效;

  2)charset:可选;表示通过src属性指定的代码的字符集;

  3)defer:可选;表示脚本可以延迟到文档完全被解析和显示之后再执行;只对外部脚本文件有效;

  4)language:已废弃;原来表示编写代码使用的脚本语言;

  5)src:可选;表示包含要执行代码的外部文件;

  6)type:可选;表示编写代码使用的脚本语言的内容类型(也成为MIME类型)

三、外部文件

  即使用外部文件来包含JavaScript代码

四、文档模式

  1)IE5.5引入了文档模式的概念;最初的两种文档模式是:混杂模式和标准模式;

  2)如果在文档开始处没有发现文档类型的声明,则所有浏览器都会默认开启混杂模式;

  3)对于标准模式,可以通过使用下面任何一种文档类型来开启:  

HTML 4.01 严格型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

XHTML 1.0 严格型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML 5
<!DOCTYPE html>

  4)对于准标准模式,可以通过使用过渡型或框架集型文档类型来触发:

HTML 4.01 过渡型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 框架集型
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 过渡型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transtional.dtd">

XHTML 1.0 框架集型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

五、<noscript>元素

  该元素中的内容只有在下列情况下才会显现出来:

  1)浏览器不支持脚本;

  2)浏览器支持脚本,但脚本被禁用

  

  

以上是关于在Html中使用JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

HTML Bookmarklet模板:将任何JavaScript代码片段转换为Bookmarklet

sublime text 3 添加 javascript 代码片段 ( snippet )

Javascript - 使用 HTML 片段通过电子邮件发送 JSON 输出

使用开发工具控制台中的 JavaScript 片段从 HTML 获取 YouTube 播放列表标题和频道名称

markdown Snippets.md是我最常用的HTML,CSS和JavaScript代码片段,用于前端Web开发

Javascript代码片段在drupal中不起作用