![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
Mr_boke
这个作者很懒,什么都没留下…
展开
-
js如何获取元素的宽度和高度
window.onload = function(){var Box =document.getElementById("box")//获取元素的宽度var boxw = box.offsetWidth;//获取元素的高度var boxH = box.offsetHeight;}原创 2017-06-21 09:47:22 · 1113 阅读 · 0 评论 -
js漂浮广告
window.onload = function() {var Bnn = document.getElementById("banner")var ch = document.getElementById("cha")//获得可见宽高var width = document.documentElement.clientWidth;var height = document.d原创 2017-06-21 09:43:54 · 299 阅读 · 0 评论 -
js放大镜效果
window.onload = function(){var Wrap = document.getElementById("wrap")var img = document.getElementById("img")var Wrap1 = document.getElementById("warp1")//抓粉色的框var Bor = document.getElementB原创 2017-06-21 09:35:48 · 271 阅读 · 0 评论 -
js tab切换
window.onload = function(){// 抓取li元素var Li = document.getElementsByTagName('li')// 抓取content元素var cont =document.getElementsByClassName('content')// 遍历li元素for(var i=0;i// 把li标签的序号值存起原创 2017-06-21 09:30:34 · 288 阅读 · 0 评论 -
js 倒三角形
for(var i=0;ifor(var j=10;j>i;j--){document.write("*")}document.write("")}原创 2017-06-22 09:01:37 · 8019 阅读 · 0 评论 -
js 金字塔
for(var i=0;ifor(var b=10;b>=i;b--){document.write("*")}for(var b=1;bdocument.write("☆")}document.write("")}原创 2017-06-22 09:04:08 · 745 阅读 · 0 评论 -
js 九九乘法表
for(var i=1;ifor(var m=1;mvar c=i*m;document.write(""+m+"*"+i+"="+c+" ")}document.write("")}原创 2017-06-22 09:06:35 · 352 阅读 · 0 评论 -
js 冰河世纪
for(var i=1;ifor(var m=1;mvar c=i*m;document.write(""+m+"*"+i+"="+c+" ")}document.write("")}////////////img/////////////////原创 2017-06-22 09:08:46 · 381 阅读 · 0 评论 -
js 遍历对象
var meinv = {// 键名(属性名):键值(属性值)xiongwei:'36D',height:'165cm',yaowei:'2.1尺',voice:function(){alert('很好听');}}// 第一种获取对象属性的方法// alert(meinv.height);// 第二种获取对象属性的方法// alert(meinv['原创 2017-06-22 09:11:04 · 449 阅读 · 0 评论 -
js用构造函数的方法创建数组
// 先创建数组// var arr = new Array();// 在赋值// arr[0]=1;// arr[1]=2;// document.write(arr)// 创建数组并赋值var arr = new Array(1,25,5,8,9,6);document.write(arr)原创 2017-06-22 09:11:57 · 2671 阅读 · 0 评论 -
js 随机数抓蚊子
window.onload = function(){// 抓取元素var img = document.getElementById("img");// 获得可视区域的宽度和高度var width = document.documentElement.clientWidth;var height = document.documentElement.clientHeight;原创 2017-06-22 09:14:07 · 375 阅读 · 0 评论 -
js 事件对象
window.onload = function(){// 抓取元素var box = document.getElementById("box");// 添加点击事件box.onclick = function(e){// document.all判断是否是IE浏览器// if(document.all){//// ie获取事件对象的方法// var e = wi原创 2017-06-22 09:16:57 · 366 阅读 · 0 评论 -
js 如何获取元素离浏览器的距离
window.onload = function(){var box = document.getElementById("box")//获取元素距离浏览器的高度alert(box.offsetTop)//获取元素距离浏览器左边的距离alert(box.offsetLeft)}////////////////css/////////////#box{原创 2017-06-22 09:26:47 · 2622 阅读 · 0 评论 -
js复制节点
window.onload = function(){// 抓取元素var box1 = document.getElementById("box1");var h1 = document.getElementById("h1");var box2 = document.getElementById("box2")// 添加点击事件 box1.onclick = fun原创 2017-06-21 10:26:45 · 2713 阅读 · 0 评论 -
js插入节点
window.onload = function(){// 抓取元素var box = document.getElementById("box");var dage = document.getElementById("dage");box.onclick = function(){// 创建标签// document.createElement('标签名(随便取)');原创 2017-06-21 10:25:55 · 552 阅读 · 0 评论 -
js阻止浏览器默认行为
window.onload = function(){var a = document.getElementById("a")//获得事件对象var e =e || window.event;//判断刘篮球if(document.all){//阻止ie浏览器默认行为//阻止a标签跳转和from的表单提交e.returnValue = false;}else{原创 2017-06-21 09:59:21 · 550 阅读 · 0 评论 -
js如何获取外部css属性
window.onload = function(){var div = document.getElementById("div")//获取外部样式只有(ie浏览器才好使)// var con = div.currentStyle.width;// alert(con)//获取外部css样式(非ie浏览器好使)// var spp = getComputedStyle原创 2017-06-21 10:06:04 · 4233 阅读 · 0 评论 -
js随机数排序
var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]//// 创建一个for循环用来循环随机数// for(var a=0;a//// 随机数公式// var num = Math.floor(Math.random()*(arr.length-原创 2017-06-21 10:08:44 · 737 阅读 · 0 评论 -
js运动与变化
window.onload = function(){// 1.抓取元素var box = document.getElementById("box");// 7.为了让我清理定时器和执行的定时器是同一个定时器var timer;// 9.如果我们想让他反复变化var num=1;// 2.给元素添加鼠标移入事件box.onmouseover = funct原创 2017-06-21 10:10:06 · 328 阅读 · 0 评论 -
js如何获取元素内容
window.onload = function(){// 抓取元素var box = document.getElementById("box");// 给他绑定单击事件box.onclick = function(){// 获取元素内的所有内容var con= box.innerHTML;// alert(con)// 设置元素内的内容(会把元素内原有的内容全部原创 2017-06-21 10:11:24 · 22541 阅读 · 0 评论 -
js获得元素文字内容
window.onload = function(){// 抓取元素var box = document.getElementById("box")// 添加点击事件box.onclick = function(){// 获得元素的里的纯文字内容(ie浏览器都可以用)// var con = box.innerText;// 获得非ie里的文字内容// var co原创 2017-06-21 10:13:31 · 19167 阅读 · 0 评论 -
js如何获取可见区域的宽度和高度
// 获得可见区域宽度var width = document.documentElement.clientWidth;// 获得可见区域的高度var height = document.documentElement.clientHeight;alert(height);原创 2017-06-21 10:14:52 · 2044 阅读 · 0 评论 -
js函数的参数
// function 进宝装修队(材料1,材料2){// 给地板贴上 材料1;// 给墙上刷上 材料2;// }// 进宝装修队(钻石,金粉)// 形参和实参是一一对应// function fun(形参1,形参2,......){// // }// // fun(实参1,实参2,......)// 实例:计算两个数的和func原创 2017-06-21 10:17:28 · 228 阅读 · 0 评论 -
js隔行变色
document.write("")for(var i=0;iif(i%2){document.write("")}else{document.write("")}for(var a=0;adocument.write("第"+i+"行第"+a+"列")}document.write("")}document.write("")原创 2017-06-21 10:19:33 · 469 阅读 · 0 评论 -
js获取二位数组的最大下标
var arr = [['大草原','珠日河','阿尔山','孝庄园'],['唐津运河','李大钊故居'],['鄱阳湖','三清山','景德镇','庐山'],['五台山','云冈石窟','九龙壁','悬空寺','文瀛湖'],['麦积山','黄河水库'],['梵净山','小七孔','茅台镇']];var max =arr[0].length;var xuhao原创 2017-06-21 10:22:17 · 1098 阅读 · 0 评论 -
js获取数组最大值
var arr = [1,5,8,5,69,8,5,6,8,56,6,58,8,5];// 假如数组的0号元素是最大的var max = arr[0];for(var a=0;aif(maxmax = arr[a];}}原创 2017-06-21 10:23:47 · 498 阅读 · 0 评论 -
js创建节点
window.onload = function(){// 抓取元素var box = document.getElementById("box");// 添加点击事件box.onclick = function(){// 创建标签// document.createElement('标签名(随便取)');var h= document.createElement('s原创 2017-06-21 10:25:12 · 374 阅读 · 0 评论 -
js 移动端点赞功能
风起 假如我们一路有默契,那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们,晚点在一起。然后一辈子。》 2017-04-18 1有用 css 部分.com_bottom .useful{ fl原创 2017-06-23 20:52:11 · 1142 阅读 · 0 评论