VScode平台编写.HTML文件,编写一个模拟用户登录的功能

用VScode写HTML文件

本节练习任务

1.编写代码

首先编写代码

2.查看执行效果

用户名和密码错误提示
用户名密码正确提示
显示登录成功,然后点确定就可以跳转到代码之家页面,这就是我之前好奇加上去的那个代码.png
跳转结果.png

3.提交到github远程仓库

个人提醒,在操作提交之前,先把自己编写好的文件复制到learngit工作区之下然后可以开始提交了
提交到远程仓库第一步.png
提交到远程仓库第二步.png
提交到远程仓库第三步.png

以下是对一部分编写网页跳转的知识点:

js跳转页面与打开新窗口的方法

1.超链接<a href="http://www.baidu.com/" title="百度一下">Welcome</a>

等效于js代码

window.location.href="http://www.baidu.com/"; //在同当前窗口中打开窗口

2.超链接<a href="http://www.baidu.com/" title="百度一下" target="_blank">Welcome</a>

等效于js代码

window.open("http://www.baidu.com/"); //在另外新建窗口中打开窗口

本章代码的参照出处:

代码参照出处

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容