js点击事件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.4.1.min.js"></script> <script> function test(){ alert("js事件") } </script> </head> <body> <span onclick="test()">js触动</span> </body> </html>获取标签里的值
单标签用value,双标签用innerHTML
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.4.1.min.js"></script> <script> function test() { //获取span值 var n = document.getElementById("username").innerHTML; alert(n); } </script> </head> <body> <span onclick="test()" id="username">test</span> </body> </html>事件
域内容改变事件Onchange 点击Onclik 获得焦点Onfocus 对象失去焦点onblur 表单提交事件onsubmit form上οnsubmit=”return run()” return false; 键位弹起onkeyup 鼠标移入事件onmouseover 鼠标移出事件onmouseout
获取标签的值
单标签用value,双标签用innerHTM var n = document.getElementById(“username”).innerHTML; var n = document.getElementById(“username”).value;
常用输出
输入框prompt(“”) 弹框alert(“”) 控制台console.log(“”) 页面显示docment.write(“”) var flag=confirm(“确定删除吗”)；
将文字显示在页面
id的属性.innerHTML=“不为空”
自定义函数
function test(){//自定义函数 }}
无形参格式
function 对象名(){ 函数体 }
文档加载
Window.οnlοad=function{ alert(“hello,js”); }
