用户个人基本信息填写

2024-06-30 06:36:29

用户个人基本信息填写

开发工具与关键技术：javascript

作者：张维裕

撰写时间：2022/3/16

Javascript是一门脚本语言，是全球非常有影响力的一门编程语言。想学好这门语言其基础是重要的一环。下面我通过一个小案例来引用基础中的一小部分内容。
案例：获取个人信息的填写

1.建立一个HTML文档装载Javascript的基本样式，通过script的标签设定一个内嵌Javascript的样式。

2.在script标签中通过var声明一个变量名叫num1的变量并用=给num1赋值，直接用变量的初始化，通过prompt(‘请您输入姓名’)在浏览器中让用户输入姓名。

3. 在script标签中通过var声明一个变量名叫num2的变量并用=给num2赋值，通过prompt(‘请您输入出生年份’)在浏览器中让用户完成上一步之后执行这一步。。

4. 在script标签中通过var声明一个变量名叫num3的变量并用=给num3赋值，用今年的年份减去用户在num2中输入的年份，之后用parseInt()强制转换为整数。

5. 在script标签中通过var声明一个名叫num4的变量并用=给num4赋值，通过alert(‘您的年龄为’+num3) 直接输出在浏览器上面。

6.最后通过console.log(num1,num2,num3,num4)将用户输入的所有信息通过控制台打印出来。

这样就能获取到用户输入的信息了。

总结：注意字符型与数值型之间的转换，否则很容易出现undefined未定义或者是NAN非数字的情况。

这是我所学到的用的javascript基础小案例，所以我要分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

用户个人基本信息填写相关推荐

微信开发_网页授权获取用户的基本信息
如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 关于OAuth2.0的说明官方网站:http://oauth.net/ http:/ ...
Linux 命令之 usermod -- 用于修改用户的基本信息
文章目录命令介绍常用选项参考示例设置用户默认使用的shell类型将不能登录的用户改成可以登录的限定用户不能 shell 登录,只能 ftp 修改用户的主目录更改用户的名称锁定用户的密码 ...
Android仿人人客户端（v5.7.1）——通过HTTPS协议的POST方式获取用户的基本信息
转载请标明出处:http://blog.csdn.net/android_ls/article/details/8770537 一.扩展之前的网络模块基于Android仿人人客户端(v5.7.1)- ...
mysql uid怎么获取_新浪微博API如何获取uid，并根据uid获取用户的基本信息
新浪微博API如何获取uid,并根据uid获取用户的基本信息,如粉丝,关注等, 下面是根据sdk写的,但是获取不到 public String showUser(Context context, St ...
易居住房3（“发布房源”--房源基本信息填写）
在"易居住房2"的基础上进行增加或修改代码 "yiju"包中新建"util"包,结构如下 "YijuUtil.java" ...
速卖通html编辑页面,速卖通商品发布-基本信息填写
商品发布入口:https://gsp.aliexpress.com/apps/product/publish?page=category (一)基本信息基本信息版块包括商品标题.类目.商品图片.产品 ...
php页面自动生成,用户通过PHP填写表单后如何自动生成页面？
假设我有一个包含两个输入字段,标题和注释的表单.在用户填写两个字段并提交数据后,将自动创建一个页面,其中包含用户键入的标题和注释,位于根目录中的文件夹中,例如www.root.com/page/将包含 ...
支付宝第三方登录并获取登录用户的基本信息
1.去官网查看开发所需步骤快速接入 https://opendocs.alipay.com/open/263/105809/ 2.创建网页&移动应用(注意不是第三方应用,如果这里选第三方 ...
java微信公共号——获取微信用户的基本信息
在关注着与公众号产生消息交互后,公众号可以获取关注着的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的.对于不同公众号,同一用户的openid不同) 公众号可通过本接口来根据O ...

最新文章

热门文章