表单
required：如果表单为空，则不提交
示例：
<body>
<form action="demo1.html" method="post">
<input type="text" name="fname" required/>
<input type="submit" value="提交" />
</form>
</body>
disabled:不能输入内容；
image.png
image.png
image.png
arguments 对象
JavaScript 函数有一个名为 arguments 对象的内置对象。arguments 对象包含函数调用时使用的参数数组。
（如果方法中对象没有定义，可以使用arguments 内置对象）
1、使用函数来查找（例如）数字列表中的最高值：
<body>
<p id="demo"></p>
<script>
function findMax(){
var i;
var max=-Infinity;
for(i=0;i<arguments.length;i++){
if (arguments[i]>max){
max=arguments[i];
}
}
return max;
}
document.getElementById("demo").innerHTML=findMax(5,88,99);
</script>
</body>
2、创建一个函数来总和所有输入值：
<body>
<p id="demo"></p>
<script>
function sumAll(){
var i;
var sum=0;
for(i=0;i<arguments.length;i++){
sum+=arguments[i];
}
return sum;
}
document.getElementById("demo").innerHTML=sumAll(1,2,3);
</script>
</body>
使用 call() 方法，您可以编写能够在不同对象上使用的方法。call() 方法是预定义的 JavaScript 方法。它可以用来调用所有者对象作为参数的方法。通过 call()，您能够使用属于另一个对象的方法。
示例：
<body>
<p id="demo"></p>
<script>
var person={
fullName:function(){
return this.fristName+"__"+this.lastName;
}
}
var person1={
fristName:"张三",
lastName:"李四"
}
var person2={
fristName:"王三",
lastName:"陈四"
}
var x=person.fullName.call(person1);
document.getElementById("demo").innerHTML=x;
</script>
</body>
call() 方法可接受参数
示例：
<body>
<p id="demo"></p>
<script>
var person={
fullName:function(city,country){
return this.fristName+"==="+this.lastName+"=="+city+"---"+country;
}
}
var person1={
fristName:"张三",
lastName:"李四"
}
var person2={
fristName:"王三",
lastName:"陈四"
}
var x=person.fullName.call(person1,"山东","中国");
document.getElementById("demo").innerHTML=x;
</script>
</body>
call() 方法分别接受参数。
apply() 方法接受数组形式的参数。
如果要使用数组而不是参数列表，则 apply() 方法非常方便。
<body>
<script>
var person = {
fullName: function(city, country) {
return this.firstName + " " + this.lastName + "," + city + "," + country;
}
}
var person1 = {
firstName:"Bill",
lastName: "Gates"
}
var x = person.fullName.apply(person1, ["Seatle", "USA"]);
document.getElementById("demo").innerHTML = x;
</script>
</body>
Math.max() ;方法找到（数字列表中的）最大数字：
window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。
window.location.href 属性返回当前页面的 URL。:
弹出框
- alert("我是一个警告框！");
- window.confirm()
- window.prompt()
ajax
不刷新页面更新网页
在页面加载后从服务器请求数据
在页面加载后从服务器接收数据
在后台向服务器发送数据
原理:
浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据）
JavaScript 和 HTML DOM（显示或使用数据）
image.png
image.png
image.png
如需向服务器发送请求，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
open( method,url,async):
method使用 GET还是POST？
GET 还是 POST？
GET 比 POST 更简单更快，可用于大多数情况下。
不过，请在以下情况始终使用 POST：
- 缓存文件不是选项（更新服务器上的文件或数据库）
- 向服务器发送大量数据（POST 无大小限制）
- 发送用户输入（可包含未知字符），POST 比 GET 更强大更安全
示例：
<body>
<div id="demo">
<button type="button" onclick="loadDoc()">点击</button>
</div>
<script>
function loadDoc(){
var xhttp=new XMLHttpRequest();
xhttp.onreadystatechange=function(){
if(this.readyState==4&&this.status==200){
document.getElementById("demo").innerHTML=
this.responseText;
}
};
xhttp.open("GET","demo.txt",true);
xhttp.send();
}
</script>
</body>
