共23门课程,总价3924元,开通VIP会员免费学习!
首页 >web前端 >前端问答 > 正文

javascript使用的标记是什么

原创2022-09-29 18:04:22706 + Vue前端学习QQ群(点击入群)

javascript使用的标记是“<script>”。JavaScript不能单独运行,只能在宿主环境中执行;通常JavaScript脚本是通过放在HTML中来实现自身的功能的。html导入JS的两种方法:1、在HTML页面中使用“<script>js代码</script>”语句嵌入JS代码;2、在HTML中,通过script标签的src属性引入外部JS脚本文件。

前端(vue)入门到精通课程,老师在线辅导:联系老师
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript使用的标记是“<script>”。<script> 标签用于定义客户端脚本,比如 JavaScript。

JavaScript是一种脚本语言,不能像exe程序一样单独运行,只能在宿主环境中执行。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

html文档中导入JavaScript的两种方法

方法1、在 HTML 文档中嵌入 JavaScript 代码

在 HTML 页面中嵌入 JavaScript 脚本需要使用 <script> 标签,用户可以在 <script> 标签中直接编写 JavaScript 代码。

即将JavaScript代码写在<script></script>之间。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一个JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h1>PHP中文网:https://www.php.cn/</h1>");
    </script>
</head>
<body></body>
</html>
登录后复制

1.png

方法2:在 HTML 文档中引入外部JavaScript 代码脚本文件

JavaScript 程序不仅可以直接放在 HTML 文档中,也可以放在 JavaScript 脚本文件中。JavaScript 脚本文件是文本文件,扩展名为.js,使用任何文本编辑器都可以编辑。然后使用 <script> 标签可以在HTML 页面中导入 JavaScript 文件。

例:

在test.js 文件中编写如下 JavaScript 代码。

alert("PHP中文网:https://www.php.cn/");
登录后复制

在HTML 文档<head> 标签内插入一个 <script> 标签。定义 src 属性,设置属性值为指向外部 JavaScript 文件的 URL 字符串。代码如下:

<script type="text/javascript" src="test.js"></script>
登录后复制

2.png

注意:使用<script>标签包含外部 JavaScript 文件时,默认文件类型为 Javascript。因此,不管加载的文件扩展名是不是 .js,浏览器都会按 JavaScript 脚本来解析。

注:定义 src 属性的 <script> 标签不应再包含 JavaScript 代码。如果嵌入了代码,则只会下载并执行外部 JavaScript 文件,嵌入代码将被忽略。

说明:

常用的文本编辑器有 Windows 系统中的记事本、Linux 系统中的 Vim、Sublime Text、Notepad++ 等。对于初学者来说,建议先使用文本编辑器来编写 JavaScript 代码,这样有助于我们对 JavaScript 语法、关键字、函数等内容的记忆。等到了实际开发阶段,则可以选择一些更加专业的代码编辑器,例如 Visual Studio Code(简称“VS Code”)、WebStorm(收费)、Atom 等,这样可以提高开发效率。

【相关推荐:javascript视频教程编程视频

以上就是javascript使用的标记是什么的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:javascript
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    自己动手手写一个MVC框架(40节精讲/巨细/新人进阶必看):立即学习

    快速了解框架底层运行原理+提高自身开发逻辑+新人必学课程

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    推荐视频教程

    开通VIP会员课 0元学

    热门推荐