在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

评论