node做网站,校园网建设网站特色,网站建设及使用,广州微信网站一、前言 之前我们学习的是from提交表单#xff0c;那个是html的提交表单方式#xff0c;现在我们用dom来提交表单#xff0c;还有一些其他的方式 二、dom提交表单 2.1、html提交表单 说明#xff1a;form标签跟submit类型的input标签结合 bodyform idf1…一、前言 之前我们学习的是from提交表单那个是html的提交表单方式现在我们用dom来提交表单还有一些其他的方式 二、dom提交表单 2.1、html提交表单 说明form标签跟submit类型的input标签结合 bodyform idf1 actionhttp://www.baidu.cominput typetext/input typesubmit value提交/ //必须是input标签type必须是submit类型/form
/body2.2、dom提交表单 说明用dom提交表单任何标签都可以提交表单比如说a标签、div标签都可以。 document.getElementById(from_id).submit();完整代码 bodyform idf1 actionhttp://www.baidu.com //设置表单idinput typetext/a οnclicksubmitForm(); stylecursor: pointer;提交/a //注册事件/formscriptfunction submitForm(){document.getElementById(f1).submit(); //通过dom提交表单}/script
/body三、其他 3.1、输出框 console.log 输出框
alert 弹出框
confirm 确认框重点强调confirm例如 var v confirm(删除);
console.log(v);#输出
确定true
取消false3.2、url和刷新 location.href 获取URL
location.href url 重定向
location.reload() 重新加载① location.href 说明获取当前url location.href
http://localhost:63342/51homework/day16/m10.html② location.href url location.href http://www.baidu.com
http://www.baidu.com 3.3、定时器 setInterval 多次定时器
clearInterval 清除多次定时器
setTimeout 单次定时器
clearTimeout 清除单次定时器① setInterval和clearInterval 说明setInterval是定时器一直执行。clearInterval清除setInterval定时器 var obj setInterval(function(){console.log(1);clearInterval(obj);//执行一次就清除定时器},5000);//clearInterval(obj);//一次都不执行② setTimeout和clearTimeout 说明setTimeout也是定时器但是只执行一次 var obj setTimeout(function(){console.log(timeout);},5000); //表示过5s钟之后才执行上面的函数实际使用场景当我删除一个内容的时候删除信息过几秒钟消失就跟QQ邮箱删除信息一样删除信息过几秒钟消失。 bodydiv idstatus/divinput typebutton value删除 οnclickdeleteEle();scriptfunction deleteEle(){document.getElementById(status).innerText 已删除;setTimeout(function(){document.getElementById(status).innerText ;},5000); //过5秒钟清空已删除提示}/script
/body转载于:https://www.cnblogs.com/zhangqigao/articles/8352640.html