首页 > 编程语言 >javaweb学习 day4 JavaScript

javaweb学习 day4 JavaScript

时间:2024-11-20 15:11:00浏览次数:1  
标签:function ... console javaweb 鼠标 day4 JavaScript log

JavaScript主要负责网页的行为(交互交过)

js引入方式

内部脚本:将JS代码定义在HTML页面中
1.JS代码必须位于标签之中
2.在HTML文档中,

常见事件:
//onload : 页面/元素加载完成后触发
function load(){
console.log("页面加载完成...")
}

//onclick: 鼠标点击事件
function fn1(){
    console.log("我被点击了...");
}

//onblur: 失去焦点事件
function bfn(){
    console.log("失去焦点...");
}

//onfocus: 元素获得焦点
function ffn(){
    console.log("获得焦点...");
}

//onkeydown: 某个键盘的键被按下
function kfn(){
    console.log("键盘被按下了...");
}

//onmouseover: 鼠标移动到元素之上
function over(){
    console.log("鼠标移入了...")
}

//onmouseout: 鼠标移出某元素
function out(){
    console.log("鼠标移出了...")
}

//onsubmit: 提交表单事件
function subfn(){
    alert("表单被提交了...");
}

标签:function,...,console,javaweb,鼠标,day4,JavaScript,log
From: https://www.cnblogs.com/Yunyuzuiluo/p/18538350

相关文章

  • JavaScript函数式编程之组合函数
    1.Reduce过程是一个函数pipeline,参数组合+函数pipelineJavaScript函数式编程实践指南-修言-掘金小册constarr=[1,2,3]constinitialValue=0constadd=(previousValue,currentValue)=>previousValue+currentValue;//执行顺序0+1+2+3constsumAr......
  • 正则表达式制作表单javascript
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=d......
  • Javaweb开发核⼼心之Cookie实战
    简介:javaweb操作浏览器器cookie1.创建并发送Cookiepackagecom.gaze;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServlet;importjavax.servlet.http.*;importjava.io.IOException;@WebServlet("/setCookie")publicclassSetCook......
  • mini-lsm通关笔记Week2Day4
    项目地址:https://github.com/skyzh/mini-lsm个人实现地址:https://gitee.com/cnyuyang/mini-lsmSummary在本章中,您将:实现一个分级合并策略,并在合并模拟器上进行仿真。将分级合并策略纳入系统。要将测试用例复制到启动器代码中并运行它们,cargoxcopy-test--week2--d......
  • 前端必知必会-JavaScript 迭代器
    文章目录JavaScript可迭代对象ForOf循环迭代对字符串进行迭代遍历数组遍历集合在Map上进行迭代JavaScript迭代器自制可迭代对象总结JavaScript可迭代对象可迭代对象是可迭代对象(如数组)。可以使用简单高效的代码访问可迭代对象。可以使用for…of循环对可......
  • 你可能不知道的JavaScript-1
    目录1.防御式CSS2.js的应用领域JavaScript中让人迷惑的知识点3.一个网页URL从输入到浏览器中到显示经历过怎么样的解析过程呢4.浏览器内核1.是什么2.浏览器的渲染过程HTML解析CSS解析构建RenderTree3.回流与重绘1.回流(重排)2.重绘3.页面性能优化1.减少DOM操......
  • JavaScript函数式编程指南
    前言本文内容来自于《JavaScript函数式编程指南》,可以看作是对原书内容进行提炼和总结,若您有需要或感觉有出入请参原书。一、走进函数式面向对象编程(OOP)通过封装变化使得代码更易理解。函数式编程(FP)通过最小化变化使得代码更易理解。——MichaelFeathers(Twitter)函......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript南宁绿城
    HTML+CSS+JS【旅游网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • Javaweb核⼼之转发-重定向
    【⾯面试必备】请求转发RequestDispatcher你知道多少简介:讲解请求转发RequestDispatcher的知识点什么是请求转发:request.getRequestDispatcher(URL地址).forward(request,response)客户端发送请求,Servlet做出业务逻辑处理理。Servlet调⽤用forword()⽅方法,服务器器Servlet把⽬标......
  • javaWeb小白项目--学生宿舍管理系统
     目录一、检查并关闭占用端口的进程二、修改Tomcat的端口配置三、重新启动Tomcat一、javaw.exe的作用二、结束javaw.exe任务的影响三、如何判断是否可以结束 结尾: 这个错误提示表明在本地启动Tomcatv9.0服务器时遇到了问题,原因是所需的端口(8005、8080)已......