打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
JavaScript入门【JavaScript专题1】

在本系列教程中,您将学习如何制作 JavaScript 驱动的网页。

JavaScript 入门

在这里,您将了解使用 JavaScript 向网页添加交互性是多么容易。但是,在我们开始之前,请确保您对 HTML 和 CSS 有一定的了解。

如果不太了解。我不建议,会出一期对html和css的介绍,如果有在评论区需要,请告诉我!

好吧,让我们开始使用最流行的客户端脚本语言。

将 JavaScript 添加到您的网页

向网页中添加 JavaScript 的方法通常有以下三种:

  • 在一对<script></script>标签之间嵌入 JavaScript 代码。
  • 创建带有.js扩展名的外部 JavaScript 文件,然后通过标签的src属性将其加载到页面中<script>
  • 使用特殊的标记直接放置JavaScript代码的HTML标记内属性,例如onclickonmouseoveronkeypressonload,等。

以下部分将详细描述这些过程中的每一个:

嵌入 JavaScript 代码

您可以通过将 JavaScript 代码放置在<script></script>标记之间,将其直接嵌入到您的网页中。该<script>标记指示浏览器将包含的语句解释为可执行脚本而不是 HTML。下面是一个例子:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Embedding JavaScript</title>
</head>
<body>
    <script>
    var greet = "Hello World!";
    document.write(greet); // Prints: Hello World!
    
</script>
</body>
</html>

上面示例中的 JavaScript 代码将简单地在网页上打印一条文本消息。在接下来的章节中,您将了解这些 JavaScript 语句的含义。

调用外部 JavaScript 文件

你也可以将你的 JavaScript 代码放到一个带有.js扩展名的单独文件中,然后通过标签的src属性在你的文档中调用该文件<script>,如下所示:

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
在html中嵌入js脚本
JavaScript脚本代码的位置
AngularJS的加载
区别script中的type=”text/javascript”和language=”Javascript” | 倡萌的自留地
如何使用外部js文件
使用javascript判定网页登录端
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服