网页前端JS简单使用

最新推荐文章于 2022-06-28 17:25:00 发布

在你隔壁的香飘飘

最新推荐文章于 2022-06-28 17:25:00 发布

阅读量223

点赞数

分类专栏： html基础入门简单JS操作文章标签： javascript css html

本文链接：https://blog.csdn.net/ZYuAYuLuuu/article/details/117745302

版权

html基础入门同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

简单JS操作

3 篇文章 0 订阅

订阅专栏

在代码中引入<script>,</script>标签，实现变量声明，以及输入输出

效果如下：

相应代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HelloJS</title>
    <h1>此网页显示</h1>
    <script type="text/javascript">
        var name = "张三，";
        var age = "18岁，";
        var phonenum = "8008208820，"
        document.write("我是" + name + "今年" + age + "电话是" + phonenum + "你可以随时联系我。")
    </script>
</head>

<body>

</body>

</html>

网页中输入两个数，比较大小后输出：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习二</title>
</head>

<body>
    <script>
        var firs = prompt("请输入第一个整数");
        var seco = prompt("请输入第二个整数");
        if (firs > seco) {
            alert("最大的那个数是：" + firs)
        } else {
            alert("最大的那个数是：" + seco)
        }
    </script>
</body>

</html>

转换数字后，实现输出：

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习三</title>
</head>

<body>
    <script>
        var a = 10;
        var b = 5;
        var c = 0;
        alert("初始数字a为：" + a + "数字b为：" + b);
        var c = b;
        var b = a;
        var a = c;
        alert("转换后数字a为：" + a + "数字b为：" + b);
    </script>
</body>

</html>