JavaScript与html的结合方式

最新推荐文章于 2023-04-05 23:26:22 发布

爱与意志

最新推荐文章于 2023-04-05 23:26:22 发布

阅读量625

点赞数

分类专栏： javaweb 文章标签： javascript html5 html

本文链接：https://blog.csdn.net/qq_45361567/article/details/120607409

版权

javaweb 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的基本概念，包括其弱类型特性与强类型的区别，并展示了JavaScript与HTML结合的两种方式：直接在HTML中内嵌JS代码和通过外部JS文件引入。通过示例代码演示了使用alert函数弹出警告框的功能。

摘要由CSDN通过智能技术生成

1.JavaScript介绍
JavaScript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。

JS是弱类型，java是强类型。
弱类型就是类型可变。
强类型，就是定义变量的时候，类型已确定，而且不可变。

特点：
1.交互性（信息的动态交互）
2.安全性（不允许直接访问本地磁盘）
3.跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

2.JavaScript和html的结合方式：
一、只需要在head标签中或者body标签中，使用scrip标签来书写JavaScript代码。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /*alert()是JavaScript语言提供的一个警告框函数
        * 它可以接收任意类型的参数，这个参数就是警告框的提示信息*/
        alert("hello javaScript");
    </script>
</head>
<body>

</body>
</html>

运行结果：
alt

二、使用script标签引入单独的JavaScript代码文件。

代码：

js文件：

alert("1125 hello");

html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        现需要使用script引入外部的js文件来执行
            src属性专门用来引入js文件路径（可以是相对路径，也可以是绝对路径）

        script标签可以用来定义js代码，也可以用来引入js文件
        但是两个功能二选一使用，不能同时使用两个功能
    -->

    <script type="text/javascript" src="1.js"></script>
</head>
<body>

</body>
</html>

运行结果：
alt

爱与意志

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript与html的结合方式

1.JavaScript介绍JavaScript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。JS是弱类型，java是强类型。弱类型就是类型可变。强类型，就是定义变量的时候，类型已确定，而且不可变。特点：1.交互性（信息的动态交互）2.安全性（不允许直接访问本地磁盘）3.跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）JavaScript和html的结合方式：一、...
复制链接

扫一扫