HTML入门:脚本

你的网络首码项目网 网站建设评论253字数 1250阅读模式

HTML中,脚本是一个小型的嵌入式程序,可以为您的网站添加交互性。例如,脚本可以生成弹出警报框消息,或提供下拉菜单。

由于HTML实际上没有脚本功能,因此需要用脚本语言使用 <script> 元素来声明脚本。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

开始和结束<script>标记告诉浏览器期望它们之间有一个脚本。您可以使用属性指定语言。但是,如果您使用的是脚本,这是可选的,因为脚本是默认值。JavaScript也是网站上最常用的脚本语言。type文章源自你的网络首码项目网-https://www.youranweb.com/108.html

添加脚本

脚本通常放置在<head> 元素中。这可确保脚本在调用时已准备好运行。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

但是,这不是必需的,如果需要,也可以将其放置在<body>元素中。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

事实上,将它们放在页面底部,紧挨着结束</body> 标记之前通常是一个好主意,只要它位于可能依赖它的任何其他脚本之前。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

<script>
    alert("I am a script. I ran first!");
</script>

将该代码单独放入HTML页面将导致页面加载后立即弹出消息。单击该按钮可查看其运行情况。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

触发脚本

在许多情况下,您不希望脚本自动运行。您可能只希望脚本在用户执行某些操作(如悬停在上方或单击链接)或页面加载完成后运行。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

这些操作称为内部事件(简称事件)。有许多预定义的内部事件可以触发脚本运行。您可以使用事件处理程序告诉浏览器哪个事件应触发哪个脚本。它们被指定为HTML标记中的属性。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

假设您希望在用户单击按钮时显示一条消息。可以使用事件处理程序来执行操作。在此示例中,我们将显示一个包含消息的JavaScript警报框。onclick()文章源自你的网络首码项目网-https://www.youranweb.com/108.html

<input type="button" value="Click me..." onclick="alert('Thanks, I feel better now!');">

事件处理程序是HTML中可用的事件处理程序之一。有用于鼠标悬停、页面加载、表单更改等内容的事件处理程序。onclick文章源自你的网络首码项目网-https://www.youranweb.com/108.html

下面是HTML中可用的事件处理程序的完整列表,您可以将其用作参考。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

调用外部脚本

您还可以将脚本放入它们自己的文件中,然后从HTML文档中调用该文件。如果您希望将相同的脚本用于多个HTML文档,这将非常有用-它使您不必将脚本“复制并粘贴”到每个HTML文档中。这使得维护您的网站变得更加容易。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

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

旧版浏览器的备用信息文章源自你的网络首码项目网-https://www.youranweb.com/108.html

您可以为非JavaScript浏览器或禁用了JavaScript的浏览器提供备用信息。您可以使用<noscript>标记执行此操作。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

在开始标记和结束标记之间提供的任何内容都会向用户显示,但仅在禁用JavaScript时显示。文章源自你的网络首码项目网-https://www.youranweb.com/108.html

代码:文章源自你的网络首码项目网-https://www.youranweb.com/108.html

<script type="text/javascript">
    alert("I am a script. I ran first!");
</script>
<noscript>
You need JavaScript enabled to view this page.
</noscript>
文章源自你的网络首码项目网-https://www.youranweb.com/108.html文章源自你的网络首码项目网-https://www.youranweb.com/108.html
相关文章
weinxin
你的网络首码项目网站长
本站旨在为广大网友提供一个免费、公开且和谐的互联网项目交流平台,所有文章均来自网络和网友投稿,不代表本站任何立场,请勿盲目下载注册参与,以免为您带来不必要的损失。
你的网络首码项目网
  • 声明:首码项目网所有文章均来自网络和投稿,不代表本站立场,请勿盲目下载注册,以免为您带来不必要的损失。《项目投诉》
  • 你的首码项目网

发表评论