首页 > 软件开发 > JavaScript >

JS如何获取弹出页面中输入的多个值

来源:互联网 2023-03-17 00:00:59 版权归原作者所有,如有侵权,请联系我们

JS如何获取弹出页面中输入的多个值,我们经常需要提醒用户输入不同的值,然后把不同的值通过不同的形式来展现给用户看,这需要用JS对数据的存储,存储以后就能随时进行调用了。jb6办公区 - 实用经验教程分享!

JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

工具/原料

  • chrome浏览器
  • sublime text3
  • windows 7

方法/步骤

  • 1

    打开编辑器,新建一个HTML文档,并且设立一下HTML的基本架构。jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 1此文章未经许可获取自百度经验
  • 2

    创建一个JS文档,并且关联HTML文档。jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 3

    window.prompt();jb6办公区 - 实用经验教程分享!

    用这个指令就可以弹窗并且提示用户输入。jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 4

    那么我们创建多少次,提示用户输入就会有多少次。jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 5

    因此我们需要创建三个变量。jb6办公区 - 实用经验教程分享!

    var name = window.prompt("What's your name?");jb6办公区 - 实用经验教程分享!

    var height = window.prompt("How tall are you?");jb6办公区 - 实用经验教程分享!

    var major = window.prompt("What's your major");jb6办公区 - 实用经验教程分享!

    输入值的时候变量就会同时创建。jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 6

    为了证明我们已经获取了这些值。jb6办公区 - 实用经验教程分享!

    我们输出一下这些值。jb6办公区 - 实用经验教程分享!

    document.write(jb6办公区 - 实用经验教程分享!

    "Hi "jb6办公区 - 实用经验教程分享!

    namejb6办公区 - 实用经验教程分享!

    ". Your height is "jb6办公区 - 实用经验教程分享!

    heightjb6办公区 - 实用经验教程分享!

    ". And your major is "jb6办公区 - 实用经验教程分享!

    majorjb6办公区 - 实用经验教程分享!

    );jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

    JS如何获取弹出页面中输入的多个值jb6办公区 - 实用经验教程分享!

  • 注意事项

    • 如果值太多可以考虑创建函数来执行

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!jb6办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号