javaScreipt小结(有用户登录的案例)

574 篇文章 4 订阅
272 篇文章 1 订阅

在这里插入图片描述


欢迎来到我的网页
             <form action="test02.html" method="get"> 
				   <h1>用户登录</h1>
					<table border = "1">
				

			     <tr><td align = "right">  姓名</td> <td align ="left"> <input type = 'text' name = "user" value = "请输入用户名" > </td> </tr> <br>

			    <tr><td align = "right"> 密码 </td> <td align ="left">  <input type = "password" name = "psw"> </td> </tr> <br>

		     <tr><td align = "right">确认密码 </td> <td align ="left"><input type ="password"  name = "repsw"></td> </tr><br>

			 <tr><td align = "right"> 性别</td> <td align ="left"> <input type = 'radio' name = "sex" value = "nan" checked = "checked">男 <input type = 'radio' name = "sex" value = "nv" >女 </td> </tr> <br>


			 <tr><td align = "right">  爱好</td> <td align ="left">    <input type = "checkbox" name = "aihao"> 读书   <input type = "checkbox" name = "aihao"> 打球
			         <input type = "checkbox" name = "aihao"> 看电视<input type = "checkbox" name = "aihao"> 钓鱼 <input type = "checkbox" name = "aihao" checked ="true"> 遛狗</td> </tr><br>

		     <tr><td align = "right"> 学历</td> <td align ="left"> <select  name= "xueli" >
							<option> 高中</option>
							<option> 大专 </option>
							<option selected> 本科</option>
							<option > 研究生 </option>
				 </select> </td> </tr> <br>
			 <tr><td align = "right">上传文件</td> <td align ="left"> <input type = "file" name = "photo"></td> </tr><br>

			 <tr><td align = "right">秋波</td> <td align ="left">     <input type = "hidden" name = "qiubo" value = "qiutiandebocai"></td> </tr><br>
			<tr><td align = "right">自我介绍</td> <td align ="left"> <textarea  rows = 5 cols = 50  value = "des"> 这家伙很懒,什么都没有留下</textarea></td> </tr><br>
			        <tr><td align = "center"  colspan = "2"> <input type = "submit"  value = "提交 "> <input type = "reset"  value = " 重置 "> </td><tr><br>

					<tr> <td align = "center"  colspan = "2"> <input type = "button" value = "滴滴一下,马上出发" onclick  = "alert('苏老板,请准备,正在为您派车......')"> </td> </tr> <br>
			        </table>                   
             </form>
      
	   </center>


<hr>
<center><h1>下面又是不同知识点<h1></center>
<hr>
<table border=3 width=60% align="center" height="150">
 <thead bgcolor="#CCFFCC">
姓 名 性 别 专 业 咚 咚男计算机 喃 喃女园 林
   <table border = 1  width = 361 align = center> 
    
	  

	    <thead bgcolor = #99ff33> 
			     <th>编号</th>
	             <th>姓名</th>
		         <th>年龄</th>
	  </thead>
 <tbody bgcolor = #cccc00>
	    <tr align = center>
	        <td width = 106>2010</td>
			<td width = 124>李 </td>
			<td width = 109> 10086</td>
	   </tr><B></B>
	   <tr align = center><td>2011</td>
			<td> 苏</td>
			<td> 1223</td>
	   </tr>
	   <tr align = center><td>2050</td>
			<td>外星人</td>
			<td> 2100</td>
	   </tr>
	   <tr><td  align = center colspan =3 >我们是认真的</td>
			 
	   </tr>
</tbody>
      
   </table>
   <hr>
    <img src = "../car.jpg" alt = "宝骏510">

css的使用。
  </body>
*******************************************************************
<h1>注册新用户</h1>
<hr>
<form action="E:\2018 5月课程内容\04-javaSE\09-JavaScript(3天)\websom" method="post">

    <table border="1">

        <tr>
            <td  align="right">姓名</td>
            <td  align="left">
                <input type="text" name="uname" id="uname" value="请输入用户名" onclick="clearValue()">
            </td>
        </tr>
        <tr>
            <td  align="right">密码</td>
            <td  align="left"> <input type="password" name="pwd" id="pwd"></td>
        </tr>
        <tr>
            <td  align="right">确认密码</td>
            <td  align="left"><input type="password" name="repwd" id="repwd"></td>
        </tr>
        <tr>
            <td  align="center" colspan="2">
                <input type="submit"  value="提交" onclick= "return checkForm()">
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>

小问题********

1.能够完成表单验证,要求用户填写一项验证一项,并且验证信息显示在输入域后面,只要有一项不合法,表单是不允许提交的。*

能
不能

2.window对象的alert()和confirm()函数都会用吗*

会
不会

3.window对象的open()和close()都会用吗*

会
不会

4.能够使用window对象的opener属性完成父子窗口的通信*

能
不能

5.通过history对象可以完成页面前进和后退*

能
不能

6.通过location对象可以向服务器发送请求*

能
不能

7.常见事件:blur,focus,change,click,dblclick,keydown,keyup,load,mouseover,mousedown,mouseup,mousemove,这些事件都在什么情况下发生?*

知道
不知道

8.通过JS内置的事件对象event可以获取键值*

能
不能

9.回车键的键值,ESC键的键值。*

知道
不知道

10.给元素注册事件可以在html标签中添加事件句柄,除了这种方式之外,还可以通过执行JS代码给元素绑定事件,例如:document.getElementById(“myBtn”).onclick = function(){}*

知道
不知道

11.给元素绑定事件的时候,指定的函数为回调函数,对回调函数的概念你理解吗*

理解
不理解

12.window的onload属性可以用来绑定页面加载完毕事件。*

知道
不知道

13.JSON是什么,有什么用?*

知道
不知道

14.能够创建JSON对象,并且可以访问JSON对象当中的数据*

能
不能

15.JS中{}和[]有什么区别*

知道
不知道

16.JSON是如何完成JavaScript和Java之间交换数据的*

理解
不理解

17.window对象的eval()函数的作用*

理解
不理解

18.在javascript当中获取系统当前日期*

会
不会

19.JS中获取自1970年1月1日到当前的总毫秒数*

会
不会

20.JS中Date类的getYear()和getFullYear()*

理解
不理解

21.window.setInterval()和window.setTimeout()的区别*

理解
不理解

22.表格行的动态添加和动态删除*

会
不会

23.JS完成下拉列表中添加新的选项option*

会
不会

24.会使用JS操作CSS样式*

会
不会

25.获取DOM元素的三种方式*

会
不会

26.正则表达式是一门独立的学科,正则表达式在计算机编程方面可以干什么*

知道
不知道

27.常见的正则表达式符号代表的含义:[a-zA-Z0-9],{2},{2,3},{2,},+,?,,\s,^,$,\d,\w

理解
不理解

28.在JS中创建正则表达式对象的两种方式*

会
不会

29.能够使用正则表达式验证邮箱地址。*

会
不会

30.能够使用正则表达式去除字符串前后空白。*

会
不会

1.JS程序如何调试*

找到断点之后,Skip over…

2.typeof运算符的作用,以及typeof运算符的6个结果分别是什么*

知道

除了null和symbol的其他六中

3.JS中包含7种数据类型,分别是Undefined、Number、Boolean、Null、String、Object、Symbol*

知道

4.Undefined数据类型只有一个值undefined,当变量声明时没有赋值,系统默认赋值undefined。*

知道

5.变量声明时没有赋值系统会默认赋值,但是变量没有声明就直接访问,那肯定是要报错的:访问的变量不存在。*

理解

6.Number类型常见的值包括:整数、浮点数、NaN、Infinity*

知道

7.什么情况下结果是NaN*
NaN和任意数包括她自己运算结果都为NAN

8.什么情况下结果是Infinity*
除以0时候

9.Number()函数、parseInt()函数、parseFloat函数它们都是干什么的*
Number()函数 返回结果为整形或浮点型基本类型的数

10.isNaN()函数是干什么的?*

判断不是一个数。

11.Boolean类型只有true和false两个值,其中Boolean()函数可以将数据转换成true或者false*

知道

12.JavaScript和Java什么关系,和HTML,CSS有什么关系*

理解

13.JavaScript包括ECMAScript、DOM、BOM三部分*

知道

14.JavaScript和微软的JScript在历史的某段时间内是竞争关系,不过它们后来都遵守了ECMA-262标准。所以JavaScript和JScript语法基本上是一致的,所以开发的时候参考哪一个帮助文档都是可以的。*

知道

15.HTML中嵌入JS的三种方式*

内部,外部内嵌式

16.meta标签的charset的作用是告诉浏览器采用哪一种字符集打开当前页面*

知道

17.JS是一门基于事件驱动型的脚本语言,其中包含了很多事件,例如鼠标单击事件click,每一个事件都会对应一个事件句柄,例如click事件对应的事件句柄为onclick,而事件句柄通常是html标签当中的属性。*

理解

18.什么样的编程语言可以看做是脚本语言呢?(JavaScript语言的目标程序以普通文本形式存在,使用记事本即可开发,不需要编译,直接使用浏览器打开则解释执行)*

知道

19.JS中的字符串既可以使用双引号括起来,又可以使用单引号括起来*

知道

20.window.alert()可以弹出消息框,并且window.是可以省略的*

知道

21.Java是一种强类型的编程语言,在Java中int i = 10,那么就意味着i变量的数据类型会一直为int类型,那么在赋值的时候就需要给i变量一种int类型的数据。JS是一种弱类型编程语言,例如:var i = 10,此时i变量由于赋值10,所以i变量当前的数据类型是整数型,i也可以赋值false,例如:i = false,那么此时的i变量数据类型就是布尔类型。显然在JS中没有强制类型的约束。一个变量可以随意赋值。*

理解

22.JS中一个变量没有手动赋值的时候,系统默认赋值:undefined*

知道

23.在JS中两种定义函数的语法都会吗*

24.JS的函数怎么调用*

25.JS函数不存在重载机制,一个JS函数可以当做多个函数使用。*

理解

26.JS函数执行结束之后可以返回值,也可以不返回任何值。*

知道

27.在同一个js文件当中,定义了多个同名函数,那么当调用这个函数的时候会执行哪一个*

最后一个

28.函数的形参,以及函数体当中声明的变量称为局部变量,函数体外声明的变量是全局变量。JS也遵守就近原则。但当一个变量在声明时没有使用var关键字,那么不管这个变量是在哪个位置声明的,它都是全局变量。*

知道
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值