HTML高级教程(8)——HTML 脚本

向 HTML 添加脚本(Script),使其动态性和交互性更强。

实例

插入一段脚本
本例演示如何将脚本插入 HTML 文档。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>

<body>

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

</body>
</html>

查看结果:
运行于不支持脚本的浏览器
本例演示如何对付不支持脚本的浏览器。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body>

<script type="text/javascript">
<!--
document.write("如果显示了这段文字,那么您的浏览器支持 JavaScript!")
//-->
</script>

<noscript>No JavaScript support!</noscript>

<p>
不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。
</p>

</body>
</html>

查看结果:

将脚本插入 HTML 页

HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。

<html>
<head>
</head>
<body>

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

</body>
</html>

上面的脚本输出以下结果:

Hello World!

提示:如果需要学习更多有关在 HTML 中编写脚本的知识,请访问我们的《JavaScript 教程

如何应付老式的浏览器

如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

实例

JavaScript:

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

VBScript:

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

<noscript> 标签

除了将脚本隐藏于注释中,你还可以添加 <noscript> 标签。<noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 <script> 标签,但是不支持其中的脚本,那么这些浏览器将显示出 <noscript> 标签内部的文本。不过,如果浏览器支持 <script> 内的脚本,那么浏览器将忽略 <noscript> 标签。

JavaScript:

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>

VBScript:

<script type="text/vbscript">
<!--
document.write("Hello World!")
‘-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

标签 描述
<script> 定义脚本。
<noscript> 定义在脚本无法执行的情况下的替代文本。
<object> 定义嵌入的对象。
<param> 为对象定义 run-time 设置(参数)。
<applet> 不赞成使用。请使用 <object>。

HTML高级教程(8)——HTML 脚本

时间: 2024-10-17 22:15:04

HTML高级教程(8)——HTML 脚本的相关文章

HTML高级教程(11)——HTML 网页服务器

准备好发布你的作品了吗? 第一步:个人 WEB 服务器(PWS) 如果你希望其他人访问你的页面,就必须发布它们. 要发布你的作品,你就要将你的文件拷贝到 WEB 服务器. 你自己的 PC 也可以作为 WEB 服务器使用,不过前提是它必须接入互联网. 如果使用的是 Windows 98,你可以用 PWS (Personal Web Server). 你可以在 Windows 的安装 CD 的 PWS 文件夹中找到 PWS. Personal Web Server (PWS) PWS 可以将任何视窗

HTML高级教程(10)——HTML 事件

HTML 4.0 的新特性之一是使 HTML 事件触发浏览器中的行为,比方说当用户点击一个 HTML 元素时启动一段 JavaScript.以下就是可插入 HTML 标签以定义事件行为的一系列属性. 如果您需要学习如何使用这些事件进行编程,那么你应该学习我们的 JavaScript 教程 和 DHTML 教程. 窗口事件 (Window Events) 仅在 body 和 frameset 元素中有效. 属性 值 描述 onload 脚本 当文档载入时执行脚本 onunload 脚本 当文档卸载

[转帖]tar高级教程:增量备份、定时备份、网络备份

tar高级教程:增量备份.定时备份.网络备份 作者: lesca 分类: Tutorials, Ubuntu 发布时间: 2012-03-01 11:42 ?浏览 27,065 次 61条评论 一.概述 备份与恢复对于系统维护而言是至关重要的事情.不合理的备份与还原会让你的数据面临丢失的风险.许多用户都在丢失重要数据后才意识到这种风险.而要从这种情况恢复数据将是非常耗时并且困难的.所以我们应该从别人的错误中吸取教训,并确保你的系统处于保护中.先考虑一些问题: 何时进行备份? 如果你可以接受一个星

计算机网络高级教程考点个人总结

计算机网络高级教程 选择题 50~60分 论述题:40~50分 个人总结仅供参考 论述题范围 1.  google公司,IBM公司.微软公司.苹果公司.华为公司.百度公司的技术发展方向. 2.5G的特点及其产业应用. 3.智慧城市的应用探索. 4.机器人技术与应用探索. Google公司市值6819.40亿美元,IBM市值1450亿美元,苹果8000亿美元,微软5400亿美元,阿里3632.63亿美元,腾讯3462亿美元,京东600亿美元,百度600亿美元,华为没有上市,没有市值. 选择题范围

下载快速上手数据挖掘之solr搜索引擎高级教程(Solr集群、KI分词、项目实战)

Solr是一个高性能,采用Java开发,基于Lucene的全文搜索服务器.同时对其进行了扩展,提供了比Lucene更为丰富的查询语言,同时实现了可配置.可扩展并对查询性能进行了优化,并且提供了一个完善的功能管理界面,是一款非常优秀的全文搜索引擎. 快速上手数据挖掘之solr搜索引擎高级教程(Solr集群.KI分词.项目实战),刚刚入手,转一注册文件,视频的确不错,可以先下载看看:http://pan.baidu.com/s/1jIdgtWM 密码:s1t3

Net并行编程高级教程--Parallel

Net并行编程高级教程--Parallel 一直觉得自己对并发了解不够深入,特别是看了<代码整洁之道>觉得自己有必要好好学学并发编程,因为性能也是衡量代码整洁的一大标准.而且在<失控>这本书中也多次提到并发,不管是计算机还是生物都并发处理着各种事物.人真是奇怪,当你关注一个事情的时候,你会发现周围的事物中就常出现那个事情.所以好奇心驱使下学习并发.便有了此文. 一.理解硬件线程和软件线程 多核处理器带有一个以上的物理内核--物理内核是真正的独立处理单元,多个物理内核使得多条指令能够

二、个人总结的菜鸟教程|sql教程的知识点(SQL高级教程)

二.SQL高级教程 1.SQL SELECT TOP SELECT TOP 子句用于规定要返回的记录的数目. SELECT TOP 子句对于拥有数千条记录的大型表来说,是非常有用的. 注释:并非所有的数据库系统都支持 SELECT TOP 子句. sql server|ms access语法 select top number|percent column_name from table_name; mysql|oracle语法(与top等价) select Column_name from t

JavaScript高级程序设计之动态脚本及动态样式

1.动态加载脚本(src 原理,异步,支持跨域) var loadScript = function (url, callback) { var script = document.createElement("script"); script.src = url; document.getElementsByTagName("head")[0].appendChild(script); if (script.addEventListener) { // for w

展讯NAND Flash高级教程【转】

转自:http://wenku.baidu.com/view/d236e6727fd5360cba1adb9e.html 展讯NAND Flash高级教程