function 类名（形参1，形参…）{
this.属性名1=形参1;
this.属性名2=形参2;
…}
// 1.类的声明
function Person(name,age){
this.name = name
this.age = age
this.test = function(a){
alert(a)
}
var 对象名=new 类名（实参1，实参2…）
// 2.类的使用
var p1 = new Person('张三',66)
var p2 = new Person('李四',18)
p2.address = '北京市'
alert(p1.name)
alert(p2.address)
注：JS类的内容相当于对象的公共内容，每个对象还可以自定义进行扩充
prototype：实现不同对象之间的数据共享
<script type="text/javascript">
// 1.类的声明
function Person(name,age){
this.name = name
this.age = age
this.test = function(a){
alert(a)
}
Person.prototype.test1 = function(a){alert('haha')}
}
// 2.类的使用
var p1 = new Person('张三',66)
var p2 = new Person('李四',18)
p2.address = '北京市'
// alert(p1.name)
// alert(p2.address)
alert(p1.test1 === p2.test1)//true
alert(p1.test === p2.test)//false
</script>
作用1.实现某个类的所有子对象的方法区对象的共享，减少内存占用
function Person(name,age){
this.name = name
this.age = age
this.test = function(a){
alert(a)
}
Person.prototype.test1 = function(a){alert('haha')}
Person.prototype.user = new User()
}
var p1 = new Person('张三',66)
function User(uname,pwd){
this.uname =uname
this.pwd = pwd
User.prototype.testU = function(){alert('i am user')}
}
p1.user.testU()
原因:很多时候我们没有办法预先知道一个对象应该有哪些属性，所以只能临时的创建一个对象来自定义属性存储数据。来保证数据的完成性。
// 创建一个自定义对象
// 方式1
var obj = Object()
obj.name = 'zs'
obj,age = 23
obj.test=function(){
alert('i am obj')
}
// 方式2
var objj ={}
objj.name = 'ls'
alert(objj.name)
String对象
查找字符位置
function testString(){
var str = 'qwert'
// 大小写转换
alert(str.toUpperCase()+':'+str.toLowerCase())
// 字符串截取
alert(str.substr(0,1)+':'+str.substring(0,1))//substr是指定位置和长度，substring是指定位置的开始和结尾（不包含结尾）
}
Date对象
注：获取的是客户端的时间
function testDate(){
var d = new Date()
alert(d)
//操作日期和时间
alert(d.getYear())//返回从1900到今天的年份数
alert(d.getFullYear())//返回当前年份
alert(d.getMonth())//返回当前月份-1
alert(d.getDate())//返回当前日期
alert(d.getDay())//返回当前星期。星期日=0
alert(d.getHours()+':'+d.getMinutes()+':'+d.getSeconds())
}
Math对象
function testMath(){
alert(Math.floor(Math.random()*9000+1000))
alert(Math.ceil(1.23))
}
Global对象
Global对象从不直接使用，并且不能用:new运算符创建。它在Scripting引擎被初始化时创建，并立即使其方法和属性可用。
eval：把字符串转换为js代码执行
isNaN：如果值是NaN，那么isNaN 函数返回true ，否则返回false 。使用这个函数的典型情况是检查 parseInt和parsePloat方法的返回值。
还有一种办法，变量可以与它自身进行比较。如果比较的结果不等，那么它就是HaJ。这是因为HaJ是唯一与自身不等的值。
function testGlobal(){
eval("var a='qwe'")
if(isNaN(a)){
alert('不是数字')
}else{
alert('是数字')
}
}
alert(parseInt('12qwe'))//12
alert(parseInt('qwe123'))//NaN
当行为和动作满足某种条件下，会触发事务的执行。
1.单双击事件
<input type="button" value="单击测试" onclick="testOnclick()"/>input type="button" value="双击测试" ondblclick="testOndblclick()"/2.鼠标事件
3.键盘事件
4.焦点事件
JS中的事件只有在当前HTML元素有效
一个HTML元素可以添加多个不同事件
一个事件可以监听触发多个函数的执行，但是不同的函数要使用分号隔开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS事件学习</title>
<script type="text/javascript">
// 单双击事件
function testOnclick(){alert('我是单击')}
function testOndblclick(){alert('我是双击')}
// 鼠标事件
function testOnmouseover(){alert('我是鼠标悬停事件')}
function testOnmousemove(){alert('我被移动了')}
function testOnmouseout(){alert('我被移出了')}
// 键盘事件
function testOnkeyup(){alert('我是键盘弹起事件')}
function testOnkeydown(){alert('我是键盘下压事件')}
// 焦点事件
function testOnfocus(){
document.getElementById("showdiv").innerHTML="Helloword"
}
function testOnblur(){alert('我是失去焦点')}
// 页面加载事件
function testOnload(){alert('我是页面加载事件')}
</script>
<style type="text/css">
#showdiv{
width: 300px;
height: 300px;
border: solid 1px red;
}
</style>
</head>
<body onload="testOnload()">
<hr >
<input type="button" value="单击测试" onclick="testOnclick()"/>
<input type="button" value="双击测试" ondblclick="testOndblclick()"/>
<hr >
<br><br>
<div id="showdiv" onmouseover="testOnmouseover()" onmousemove="testOnmousemove()" onmouseout="testOnmouseover">
</div>
<hr >
键盘事件：<input type="text" id="" value="" onkeyup="testOnkeyup()"/><br>
键盘事件：<input type="text" id="" value="" onkeydown="testOnkeydown()"/>
<hr >
获取焦点事件：<input type="text" id="" value="" onfocus="testOnfocus()"/><br>
失去焦点事件：<input type="text" id="" value="" onblur="testOnblur()"/><br>
</body>
</html>
注：给HTML元素添加多个事件时，注意事件的冲突（当事件触发条件包含相同的部分的时候，会产生事件的冲突）
当事件所监听的函数将返回值返回给函数时
false：则会阻断当前事件所在的HTML标签功能
true：则继续执行当前事件所在的HTML标签功能
<a href="javascript:testHref();">调用函数</a>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件2</title>
<script type="text/javascript">
function testOnchange(){
alert('我被改变了')
}
//单击事件
function testOnclick(){alert('我是单击事件')}
function testOndblclick(){alert('我是双击事件')}
// 事件的阻断
function testA(){
alert('事件的阻断')
return false
}
// 超链接调用JS函数
function testHref(){alert('超链接调用函数')}
</script>
</head>
<body>
<hr >
<select name="" id="" onchange="testOnchange()">
<option value="">北京</option>
<option value="">上海</option>
<option value="">广州</option>
</select>
<hr >
<input type="button" value="事件冲突" onclick="testOnclick()" ondblclick="testOndblclick()"/>
<a href="https:www.baidu.com" onclick="return testA()">百度一下</a>
<a href="javascript:testHref();">调用函数</a>
</bod>
</html>
本文实例讲述了servlet+JSP+mysql实现文件上传的方法。分享给大家供大家参考，具...
新应用驱动的数据库(5G、车、终端云) 从数据库诞生开始,新的应用领域就不断为数...
在IntelliJ Idea中HTML格式化时，默认headbody以及body下的标签都不会缩进，这就...
如何成为一个成功的Jsp程序员？一个普通的错误是把JSP当作简化的 Java。它不是，...
如果你严肃对待编程，就必定会使用"版本管理系统"（Version Control System）。 ...
1．我这一生都在关我身后的门！当你关门时，也将过去的一切留在后面，不管是美好...
前言 在项目开发中常常会需要做发送 Email 的功能，在 ASP.NET Core 中你可以用 ...
本文是Redis集群学习的实践总结（基于Redis 6.0+），详细介绍逐步搭建Redis集群...
1、引言 随着Internet的飞速发展，许多企业都纷纷开发基于WEB的业务应用系统。一...
信息比较丰富的网站通常会以分页显示，在点“下一页”时，很多网站都采用了动态...
