.html文件:事件触发
事件触发 | 触发条件 |
---|---|
onclick | 鼠标单击时 |
ondblclick | 鼠标双击时 |
onchange | 用户 改变文本内容时 |
onreset | 重置按钮 被单击时 |
onselect | 文本 被选择时 |
obsubmit | 提交按钮 被单击时 |
onunload | 用户 退出页面时 |
.js文件:DOM对象、
document对象(DOM对象):用于定位html中的某个标签
document对象的方法:document.fun() | 说明 |
---|---|
getElementById(“xxx”) | html中 一个id="xxx"的标签(返回一个) |
getElementByName(“xxx”) | html中 所有name="xxx"的标签(返回数组) |
getElementByTagName(“xxx”) | html中 所有xxx标签(返回数组) |
.html文件
<input id="message" placeholder="请您输入..."><br><br>
<button id="submit" onclick="getInfo()">提交</button>
.js文件
function getInfo(){
var txt=document.getElementById("message").value
if(txt){
alert("你的输入已经提交成功:"+txt)
}else{
alert("输入不能为空!")
}
}