[JS]视频总结-第三部分

08.javascript基础 - 1

 <!doctype html> <html> <head> <meta charset="utf-8"> <title>08-不定参-获取/设置行间/非行间样式-数组</title> </head> <style> /*非行间样式*/ #div1 {width:200px; height:400px; background:red;} </style> <script> function setupCss(obj, name, value){ if(arguments.length==2) { return obj.style[name]; }else { obj.style[name]=value; } } function getStyle(obj, name){ if(obj.currentStyle) { //IE return obj.currentStyle[name]; } else { //FF return getComputedStyle(obj, false)[name]; } } window.onload=function(){ var di1=document.getElementById('div1'); //alert(setupCss(di1, 'width')); //setupCss(di1, 'height', '600px'); //alert(setupCss(di1, 'height')); //取非行间样式 //alert(di1.currentStyle.height);//高板IE,Chrome支持 //避免兼容性问题采用以下方式 //alert(getComputedStyle(di1, null).width); /*if(di1.currentStyle) { //IE alert(di1.currentStyle.height); } else { //FF alert(getComputedStyle(di1, null).width); }*/ //alert(getStyle(di1, 'height')); //复合样式-background,border... //但一样式-color,height... //alert(getStyle(di1, 'backgroundColor')); //数组 var a=[1, 2, 3, 4, 5, 6]; alert(a.length); //a.length=4; alert(a);//1,2,3,4 //数组的添加-尾部 a.push(7); alert(a); //头部添加 a.unshift(8); alert(a); //删除-尾部开始 a.pop(); alert(a); //从头部开始删除 a.shift(); alert(a); //从中间添加/删除 var b=[11, 12, 13, 14, 15]; //splice(起点，长度)-删除 b.splice(2, 2); alert(b); //插入 var c=[21, 22, 23, 24]; c.splice(2, 0, 'a', 'b', 'c'); alert(c); //替换 var d=[31, 32, 33, 34]; c.splice(2, 2, 'a', 'b'); alert(c); //数组的连接 var d=[1, 2, 3, 4]; var e=['a', 'e', 'c', 'f']; alert(d.concat(e)); //连接符 alert(e.join('-+-~')); //排序 var f=['sdf', 'we', 'wer', 'ngf', 'hyj']; alert(f.sort()); //实际排序 var g=[12, 43, 10, 1189, 234, 72]; alert(g.sort()); alert(g.sort(function(n1, n2) { if(n1<n2) { return -1; }else if(n1>n2) { return 1; }else { return 0; } //return n1-n2; })); } </script> <body> <!-- 行间样式 --> <div id="div1"> </div> </body> </html>

转载于:https://www.cnblogs.com/webapplee/p/3771680.html

[JS]视频总结-第三部分_深入javascript相关推荐

原生js设置div隐藏或者显示_使用JavaScript显示/隐藏‘div’
如何显示或隐藏元素: 为了显示或隐藏元素,操作元素的风格属性..在大多数情况下,您可能只想更改元素的display财产:element.style.display = 'none'; ...
vue.js视频课程_在此免费课程中学习Vue.js！ ✨
vue.js视频课程 by ZAYDEK 由ZAYDEK 在此免费课程中学习Vue.js! ✨ (Learn Vue.js in this free course! ?✨) 让我们做点Vueseful ...
英皇cms影视网站系统源码_多种模板_自带采集_支持APP+pc+wap三端_（亲测可用有搭建教程）
源码介绍影视网站源码,自带采集功能多入口,带会员,卡密,代理等功能,免费模板可自选支持三端:pc+wap+app端,支持视频下载,有直播,开通会员等功能,带短视频,论坛等等功能自行搭建查看,一款功 ...
递归_三要素_基础算法必备
递归_三要素_基础算法必备目录第一要素:明确函数作用第二要素:递归结束条件第三要素:函数等价关系第一要素:明确函数作用对于递归,我觉得很重要的一个事就是,这个函数的功能是什么,他要完成什么 ...
js声明变量的三种方式
JS 声明变量的三种方式 (1)使用变量步骤:a.声明-->b.赋值-->3.调用正确用法: <script type="text/javascript"> ...
python入门if语句练习_python入门视频：09 if语句_练习.mp4
本视频课程目录如下: python6天学习基础课程 ├─01天 │ python入门视频:01 计算机组成-硬件设备.mp4 │ python入门视频:02 计算机组成-软件 ...
js页面加载前执行_做一名合格的前端开发工程师：Javascript加载执行问题探索
做前端开发少不了各种利器.比如我习惯用的还是Google浏览器和重型武器Fiddller. 一:原始情况首先大家看看如下的代码: 估计90%的程序员都会把js文件放在head中,但是大家有没有深究过 ...
[js] setTimeout的第三个参数有什么用？
[js] setTimeout的第三个参数有什么用? 第三个参数将作为定时器到期触发的函数的参数个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目 ...
腾讯视频手机app下载安装_腾讯视频怎么签到
只需要打开腾讯视频,就可以在线享受腾讯视频网站内全部免费高清正版视频.最新影视大片.最独家的综艺.旅游.纪录片,在众多的播放器当中,腾讯视频堪称完美.腾讯视频是一个高品质的视频网站,腾讯视频依靠独特的 ...

[JS]视频总结-第三部分_深入javascript

[JS]视频总结-第三部分_深入javascript相关推荐

最新文章

热门文章