js

1.事件
1.1

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 鼠标指针移动到指定的元素上时发生
onmouseout 用户从一个 HTML 元素上移开鼠标时发生
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载
1.2
=== 为绝对相等，即数据类型与值都必须相等。
2.表单
2.1“form表单中action属性的作用是,当提交表单时向何处发送表单数据。”
“onsubmit 属性指定了一个事件句柄函数。当用户单击了表单中的 Submit 按钮而提交一个表单时,就会调用这个事件句柄函数。”
2.2简单的表单验证 
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>

2.3 required 属性规定必需在提交之前填写输入字段。浏览器验证
2.4ndexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1。

3.JSON对象
3.1

JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。

4.void、
如果你要定义一个死链接请使用 javascript:void(0) 。

5.异步编程
5.1回调函数

function print() {
    document.getElementById("demo").innerHTML="RUNOOB!";
}
setTimeout(print, 3000);

这段程序中的 setTimeout 就是一个消耗时间较长（3 秒）的过程，它的第一个参数是个回调函数，第二个参数是毫秒数，这个函数执行之后会产生一个子线程，子线程会等待 3 秒，然后执行回调函数 "print"，在命令行输出 "RUNOOB!"
常常写成：

setTimeout(function () {
    document.getElementById("demo").innerHTML="RUNOOB!";
}, 3000);

5.2异步AJAX

即异步的 JavaScript 和 XML，AJAX 最大的优点是在不重新加载整个页面的情况下，
可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
5.3创建对象
var xmlhttp = new XMLHttpRequest();
5.4向服务器发送请求
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

open(method,url,async)
规定请求的类型、URL 以及是否异步处理请求。
method：请求的类型；GET 或 POST
url：文件在服务器上的位置
async：true（异步）或 false（同步）

send(string)
将请求发送到服务器。
string：仅用于 POST 请求

setRequestHeader(header,value)
向请求添加 HTTP 头。

header: 规定头的名称
value: 规定头的值
5.4服务器响应

responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。
6.onreadystatechange事件：
onreadystatechange：
存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。

readyState：
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪
status 200: "OK"
404: 未找到页面

7.函数的定义
7.1 函数的定义和调用

<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

</body>

7.2 函数表达式
JavaScript 函数可以通过一个表达式定义。函数表达式可以存储在变量中：

var x = function (a, b) {return a * b};
document.getElementById("demo").innerHTML = x;

7.3 Function()构造函数
函数同样可以通过内置的 JavaScript 函数构造器（Function()）定义。

var myFunction = new Function("a", "b", "return a * b");
document.getElementById("demo").innerHTML = myFunction(4, 3);

8.函数调用
8.1使用构造函数调用函数
如果函数调用前使用了 new 关键字, 则是调用了构造函数。

// 构造函数:
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}
 
// This    creates a new object
var x = new myFunction("John","Doe");
x.firstName;

8.2 作为函数方法调用函数
在 JavaScript 中, 函数是对象。JavaScript 函数有它的属性和方法。
call() 和 apply() 是预定义的函数方法。 两个方法可用于调用函数，两个方法的第一个参数必须是对象本身。

function myFunction(a, b) {
    return a * b;
}
myObject = myFunction.call(myObject, 10, 2);

9.javascript类

posted @   想吃坚果  阅读(147)  评论(0)  编辑  收藏  举报
相关博文：
·  javaweb/4/2
·  JavaScript
·  day05-JavaScript02
·  js中的函数
·  JavaScript
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示
AI IDE Trae