正文 

当前位置： 首页 > java > java语法

js实战·实践积累点滴杂烩

人间烟火地三鲜      2022-02-08     396

关键词：

onmouseover : 鼠标进入
onmouseout : 鼠标离开
onfocus：得到焦点
 
表单提交执行JS代码，有两种常用方式。
一：在局部（比如按钮定义处）用onclick="return Check()";
二：在表单form处用onsubmit="retnrn Check(this)";
 
表单提交验证：灵活运用returnValue
 
取消超链接的效果：<a href="javascript:void(0)"></a>
 
div设置颜色：background。
 
      找准事件源，用户点击哪个盒子，会有事情发生，这个盒子就是事件源，它身上就有 onclick 属性；
     找准谁是被操作的对象，被操作的对象可能不止一个，并且事件源自己也有可能是被操作的对象。被操作的对象身上一定要有 id  ，这样才能 document.getElementById(“”)通过id 来得到这个元素。
 
从事件的3 要素开始分析：
找事件源。事件源就是一个HTML 标签，这个标签能响应事件。只有盒子1 是事件源。
找事件名。盒子1 能够响应两个事件，分别是鼠标进入，鼠标离开。
分析事件的响应，各有多少步骤，每一个步骤就写一条命令。
例子：
<script type="text/javascript">
function jin(){
  document.getElementById("box1").style.backgroundColor = "blue";
  document.getElementById("box2").style.display = "block";
}
function chu(){
  document.getElementById("box1").style.backgroundColor = "red";
  document.getElementById("box2").style.display = "none";
}
</script>
</head>
<body>
    <div id="box1" onmouseover="jin()" onmouseout="chu()"></div>
    <div id="box2"></div>
</body>
 
DOM编程步骤、思路
1、定义界面：
     通过html标签将数据进行封装；
2、定义一些静态样式：
     利用css；
3、需要动态地完成的和用户的交互：
     a:明确事件源；
     b:明确事件，将事件注册到事件源上；
     c:通过JS的函数对象对事件进行封装；
     d:在处理过程中需要明确处理区域。

辅导日的点滴积累，希望有更多的点滴...

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><styletype="text/css">*{margin:0;padding:0;}#box{column-width:192px;/*将图片的宽度设置为多列的宽度*/-webkit-c 查看详情

js实战· 收缩菜单表单布局

 获取节点的两种方式：  1、通过event对象的srcElement属性；  2、通过事件源对象用this传入。  代码如下：<html><head>  <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8 查看详情

js实战·仿css样式选择器

代码如下：<html><head>  <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">  <title>仿css样式选择器</title>  <styletype="text/css">& 查看详情

js实战·复选框全选操作

思路：1、获取被选中checkbox，通过checked属性的状态完成；2、获取被选中的checkbox的value值；3、求所有value的和sum；4、定义span区域存储和sum； 代码如下：<html><head>  <metahttp-equiv="Content-Type"content="text/html;charse... 查看详情

js实战·级联菜单选择省份和城市（两种）

DOM编程步骤、思路1、定义界面：   通过html标签将数据进行封装；2、定义一些静态样式：   利用css；3、需要动态地完成的和用户的交互：   a:明确事件源；   b:明确事件，将事件注册... 查看详情

设计点滴&css效果点滴

...。以及一些好的后台的模板网站之类的。2017.3月6日开始积累。哈哈周一，今天阴天。世界上本来没有路，走的人多了，也就成了路了。本来创造很难的，但是我们积累的效果多了，也就容易了。海报之类的积累。1.  查看详情

点滴积累方有为，每步思索可致远

1.下面哪些不是Thread类的方法（）A.start()      B.run()      C.exit()      D.getPriority()答案：C[解析]看JavaAPIdocs吧：http://docs 查看详情

小程序开发点滴积累

现在想把已经用vuejs开发的前端web页面搬迁到微信小程序，研究了许久，前端界一如既往变化迅猛，目前国内有很多比较优秀的框架可以借用。其中mpvue是美团开源的一款适合vue开发者胃口的小程序开发框架。它支持完全的vue开... 查看详情

点滴积累方有为，每步思索可致远

一、Spring框架分为哪七大模块，各模块的主要功能作用是什么？1.SpringCore：Core封装包是框架的最基础部分，提供IOC和依赖注入特性。这里的基础概念是BeanFactory，它提供对Factory模式的经典实现来消除对程序性单例模式的需要，... 查看详情

js实战·表格行颜色间隔显示，并在鼠标指定行上高亮显示

思路：1、获取所有行对象，将需要间隔颜色显示的行对象进行动态的className属性指定；     前提是：先定义好类选择器，就是说给行对象赋予name.2、高亮用到两个事件：onmouseover（鼠标进入事件）、onmouseout（... 查看详情

点滴积累方有为，每步思索可致远

填空题：1、用一个字节最多能编出______不同的码。 2、90283转换成8进制是___________，16进制是_________________ 3、如下图：A到F最短的路径是_____________________4、依据下图，求数组（2，6，8，5，3，9，7）的RSD是______________________... 查看详情

flutter项目实战教程分享基础使用性能优化每日积累

题记——执剑天涯，从你的点滴积累开始，所及之处，必精益求精，优美的应用体验来自于细节的处理，更源自于码农的自我要求与努力Flutter是谷歌推出的最新的移动开发框架，本文章为横向经验积累分... 查看详情

ssh实战·唯唯乐购项目（上）

前台需求分析一：用户模块注册前台JS校验使用AJAX完成对用户名(邮箱)的异步校验后台Struts2校验验证码发送激活邮件将用户信息存入到数据库激活点击激活邮件中的链接完成激活根据激活码，查询数据库中是否有该用户；如果有... 查看详情

超高性能管线式http请求（实践·原理·实现）

...际是介绍pipe管线的原理，下面主要通过其高性能的测试实践，解析背后数据流量及原理。最后附带一个简单的实现 实践先直接看对比测试方法对于单一客户端对服务器进行http请求，一般我们的方式1：单进程或线程轮询请求... 查看详情

养生箴言

...贵遗产，它是我国广大劳动人民群众在不断探寻延年益寿实践经验方面的结晶。这些箴言用语不多，但有韵律，有节奏，朗朗上口，富于哲理，意味深长，形象生动，通俗易懂；犹如珍珠，光彩照人。您若能经常学习，并努力付... 查看详情

软件工程实践·团队项目第一次作业

【软件工程实践·团队项目】第一次作业队员姓名与学号（标记组长）学号姓名20165211丁奕（组长）20165208孔月20165230田坤烨20165226刘香杉队名快奶我一口队员风采：全军出击！！！！团队的首次合照团队的特色描述我们敲认真！ 查看详情

qt实战之开发csdn下载助手

这次实战，我们须要开发一款CSDN下载助手。它具备下面功能:1).可以正常登录CSDN账户2).可以依据用户提供的资源下载页面地址解析出真实地址(当然啦。你的账号积分要足够下载所须要积分)3).可以在完成下载后评价资源，然后获... 查看详情

javascript之小积累-匿名函数表达式的最佳实践

　　在写js的时候，还是经常会用的匿名函数表达式，比如1setTimeout(function(){2console.log(110);3},1000);　　上面那个function（）就是匿名函数表达式了，这种写法的好处是书写简单快捷，不用考虑给函数取名，十分方便。　　但是，也... 查看详情