python网站创建008：初始JavaScript

最新推荐文章于 2024-06-07 13:01:43 发布

好度

最新推荐文章于 2024-06-07 13:01:43 发布

阅读量349

点赞数 7

分类专栏： python网站创建文章标签： python javascript 前端服务器 linux

本文链接：https://blog.csdn.net/qq_42623386/article/details/134943806

版权

python网站创建专栏收录该内容

17 篇文章 0 订阅

订阅专栏

JavaScript：是一门可以操作html标签的一门语言。可以实现类似“弹框”的功能

实现需求：假如我想在一个输入框内输入“hello world”，点击某个按钮，然后在“弹框”上显示出“hello world”，这该怎么做呢？

1.首先将“输入框”和“点击”按钮写出来，如下：

<!DOCTYPE html>
<html>
<head>
    <title>初识：JavaScript</title>
    <meta charset="UTF-8">
</head>
<body>
    <!--定义输入框-->
    <input type="text" placeholder="请输入内容" id="input_data">
    <!--定义点击按钮-->
    <input type="button" value="点击按钮">
</body>
</html>

2. 然后在body后面加上script代码

整体代码如下：

<!DOCTYPE html>
<html>
<head>
    <title>初识：JavaScript</title>
    <meta charset="UTF-8">
</head>
<body>
    <!--定义输入框-->
    <input type="text" placeholder="请输入内容" id="input_data">
    <!--定义点击按钮，onclick="clickMe();" 相当于调用了js函数-->
    <input type="button" value="点击按钮" onclick="clickMe();">

    <!--然后这里就写js函数 -->
    <script>
        // 1.获取用户输入内容
        function clickMe() {
          var tag = document.getElementById("input_data");
          var usedata = tag.value;

          //2. 将获取到的数据赋予给弹窗
            alert(usedata)
        }
    </script>
</body>
</html>

好度

关注

7
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
python网站创建008：初始JavaScript

JavaScript：是一门可以操作html标签的一门语言。可以实现类似“弹框”的功能实现需求：假如我想在一个输入框内输入“hello world”，点击某个按钮，然后在“弹框”上显示出“hello world”，这该怎么做呢？1.首先将“输入框”和“点击”按钮写出来，如下：<!DOCTYPE html><html><head> <...
复制链接

扫一扫