leiyanting

导航

 

2021年9月6日

摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var num = 1; //开启一个定时器 /*setInterval(function(){ 阅读全文
posted @ 2021-09-06 20:38 leiyanting 阅读(169) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取count var count = 阅读全文
posted @ 2021-09-06 20:03 leiyanting 阅读(213) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * Location * - 该对象中封装了浏览器的地址栏的信息 */ window.onl 阅读全文
posted @ 2021-09-06 19:36 leiyanting 阅读(45) 评论(0) 推荐(0)
 
摘要: /* * History * - 对象可以用来操作浏览器向前或向后翻页 */ window.onload = function(){ //获取按钮对象 var btn = document.getElementById("btn"); btn.onclick = function(){ /* * l 阅读全文
posted @ 2021-09-06 16:08 leiyanting 阅读(179) 评论(0) 推荐(0)
 
摘要: /* * BOM * - 浏览器对象模型 * - BOM可以使我们通过JS来操作浏览器 * - 在BOM中为我们提供了一组对象,用来完成对浏览器的操作 * - BOM对象 * Window * - 代表的是整个浏览器的窗口,同时window也是网页中的全局对象 * Navigator * - 代表的 阅读全文
posted @ 2021-09-06 15:40 leiyanting 阅读(210) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 键盘事件: * onkeydow 阅读全文
posted @ 2021-09-06 14:38 leiyanting 阅读(87) 评论(0) 推荐(0)
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red 阅读全文
posted @ 2021-09-06 12:43 leiyanting 阅读(150) 评论(0) 推荐(0)
 
摘要: window.onload = function () { var box1 = document.getElementById("box1"); drag(box1); }; /** * 专门用来拖拽的方法,参数为拖拽元素的ID */ function drag(obj) { //当鼠标在被拖拽元 阅读全文
posted @ 2021-09-06 08:19 leiyanting 阅读(89) 评论(0) 推荐(0)
 
摘要: * 事件的传播 * - 关于事件的传播网景公司和微软公司有不同的理解 * - 微软公司认为事件应该是由内向外传播,也就是当事件触发时,应该先触发当前元素上的事件, * 然后再向当前元素的祖先元素上传播,也就说事件应该在冒泡阶段执行。 * - 网景公司认为事件应该是由外向内传播的,也就是当前事件触发时 阅读全文
posted @ 2021-09-06 07:20 leiyanting 阅读(230) 评论(0) 推荐(0)