随笔分类 -  Javascript

摘要:1 // 获取元素属性值的兼容写法 2 function getStyle(obj,attr){ 3 if(obj.currentStyle){ 4 //兼容IE 5 obj.currentStyle[attr]; 6 return obj.currentStyle[attr]; 7 }else{ 阅读全文
posted @ 2020-05-31 14:33 全情海洋 阅读(375) 评论(0) 推荐(0) 编辑
摘要:获取鼠标当前位置 clientY、clientX: 鼠标当前位置 相对于 浏览器可视区域顶部、浏览器可视区域左部 的位置; pageY、pageX: 鼠标当前位置 相对于 文档顶部、文档左部的位置; screenY、screenX:鼠标当前位置 相对于 屏幕顶部、屏幕左部的位置; offsetY、o 阅读全文
posted @ 2020-05-30 18:49 全情海洋 阅读(704) 评论(0) 推荐(0) 编辑
摘要:闭包面试题 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script type="text/javascript 阅读全文
posted @ 2020-05-21 09:35 全情海洋 阅读(127) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 /*禁止浏览 阅读全文
posted @ 2020-05-14 17:26 全情海洋 阅读(775) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 #box{ 阅读全文
posted @ 2020-05-14 17:22 全情海洋 阅读(438) 评论(0) 推荐(0) 编辑
摘要:进程与线程 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>01_进程与线程</title> 6 </head> 7 <body> 8 <!-- 9 1. 进程:程序的一次执行, 它占有一 阅读全文
posted @ 2020-05-12 21:48 全情海洋 阅读(654) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <script type="text/javascript"> 10 // 需求,求出字符窜的字 阅读全文
posted @ 2020-05-12 10:34 全情海洋 阅读(145) 评论(0) 推荐(0) 编辑
摘要:你应该知道,javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。 那么这里说的同步和异步到底是什么呢?如果 阅读全文
posted @ 2020-05-11 20:15 全情海洋 阅读(565) 评论(0) 推荐(1) 编辑
摘要:构造函数创建正则表达式 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 * 正则表达式 9 * - admi 阅读全文
posted @ 2020-05-11 17:53 全情海洋 阅读(209) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 .box{ 阅读全文
posted @ 2020-05-10 21:25 全情海洋 阅读(393) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <div id="box"> 9 <p>唱歌</p> 10 <p>滑雪 阅读全文
posted @ 2020-05-10 21:21 全情海洋 阅读(299) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 #box{ 阅读全文
posted @ 2020-05-10 21:17 全情海洋 阅读(342) 评论(0) 推荐(0) 编辑
摘要:删除tr 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" 阅读全文
posted @ 2020-05-09 16:09 全情海洋 阅读(443) 评论(0) 推荐(1) 编辑
摘要:定时器,控制div移动的移动1 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 *{ 9 margin: 0; 10 paddin 阅读全文
posted @ 2020-05-09 12:12 全情海洋 阅读(160) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 /* 8 * BOM 9 * - 浏览器对象模型 10 * - B 阅读全文
posted @ 2020-05-09 11:56 全情海洋 阅读(174) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 //创建一个字符串 8 var str = "Hello Atguig 阅读全文
posted @ 2020-05-07 16:07 全情海洋 阅读(389) 评论(0) 推荐(0) 编辑
摘要:事件的委派 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 8 window.onload = function( 阅读全文
posted @ 2020-05-06 18:11 全情海洋 阅读(161) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 #box1{ 9 width: 100px; 10 height: 100px; 阅读全文
posted @ 2020-05-06 11:48 全情海洋 阅读(1050) 评论(0) 推荐(0) 编辑
摘要:使用dom操作css 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 8 #box1{ 9 width: 100px; 10 heig 阅读全文
posted @ 2020-05-06 09:07 全情海洋 阅读(177) 评论(0) 推荐(0) 编辑
摘要:dom查询练习 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Typ 阅读全文
posted @ 2020-05-06 08:48 全情海洋 阅读(167) 评论(0) 推荐(0) 编辑