原创 !DOCTYPE HTML
<!-- <!DOCTYPE HTML> --> <html> <head> <meta charset="utf-8"> <title>怪異模式BACKCOMPACT</title> <script> window.functi
2020-06-08 17:52:51
原创 一串跟着鼠標移動的div
正確的動態效果 <script> function getPos(ev) { var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; v
2019-03-18 22:29:33
原创 document.compatMode屬性
document.compatMode用來判斷當前瀏覽器採用的渲染方式。 官方解釋： BackCompat：標準兼容模式關閉。 CSS1Compat：標準兼容模式開啓。 當document.compatMode等於BackCompat
2019-03-06 15:18:15
原创 document和document.documentElement的區別
例如，下面這個最常見的html文件。 foo.html 文檔的標題 文檔的內容...... 此時的document就指的是這個foo.html文檔，而document.documentElement則是。 docume
2019-03-06 15:18:15
原创 兼容性
document.onclick=function (ev) { //IE //alert(event.clientX+','+event.clientY); //FF //alert(ev.clientX+'
2019-03-03 16:29:02
原创 background
background: #00FF00 url(bgimage.gif) no-repeat fixed top; <html> <head> <meta charset="utf-8"> <style type="text/cs
2019-03-03 16:29:02
1
原创 group和scenario的區別
group：多個腳本之前按照獨立設置模式跑，各個腳本可以單獨設置虛擬用戶、運行時間等 scenario：多個腳本之間按照相同的模式跑，將總的虛擬用戶數按照一定的比例分配給各個腳本
2019-02-23 17:42:00
原创 setInterval與函數作用於
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #div1{ backgroun
2018-12-25 18:08:48
原创 元素定位，absolute，border，子節點margin-top
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <!-- https://www.jianshu.com/p/9713e008696d 當父節點有邊框時
2018-12-25 18:08:48
1
原创 offsetLeft,Left,clientLeft詳解
背景 最近寫了一個滑動條，發現自己的對offsetLeft,Left,clientLeft這幾個的概念還不是很清楚，於是決定細細研究下。 分類 client部分 clientHeight:內容可視區域的高度，也就是說頁面瀏覽器中可以
2018-12-25 18:08:48
原创 CSS絕對定位absolute詳解
之前介紹過CSS浮動float詳解，本篇介紹的絕對定位absolute和浮動float有部分相似性。如果能理解浮動float，對理解絕對定位absolute會大有幫助。 先說absolute和float的相似處：包裹性 和 高度欺騙
2018-12-25 18:08:48
原创 定時器，setInterval
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #div1{ backgroun
2018-12-23 18:23:03