第三章 循环 样式操作

原创 2017年10月11日 22:05:19

循环

for(var i=0;i<length;i++){
    //相关业务
}
注意:
for(var i =0;i<4;i++){ 该循环做的事情是 循环绑定事件  并没有弹出
    liDoms[i].onclick = function(){
        alert(i);//当点击时 i的值为最后一次循环的值
    }
}
while(条件){
    //相关业务 
}
do{
    //相关业务
}while(条件)

break:跳出当前循环 并结束后边的循环;
continue:跳出当前循环 并执行后边的循环。


自定义标签属性

标签存在天生自带的属性,我们可以直接通过对象.属性的方式进行查看。
<div id="box1" class="box2" title="three" pzj="123"></div>
var boxDom = document.genElementById("box1");
//获取
alert(boxDom.id);//box1
alert(boxDom.class);//undefined  class为关键字
alert(boxDom.className);//box2 class属性比较特殊
//设置
boxDom.id = "box2";
boxDom.className = "box1;

alert(boxDom.pzj);//undefined  不是标签自带的
自定义标签属性:写在标签里边的属性,该标签本身不存在的,称为自定义标签属性;(可以看到)
通过:boxDom.setAttribute(属性名,值)
boxDom.getAttribute(属性名)此方法能够获取标签天生自带的属性,同时也能够获取自定义标签属性的值 boxDom.getAttribute("pzj");值为123
boxDomremoveAttribute(属性名)

boxDom.pzj = "234";
alert(boxDom.pzj);//234
自定义属性:给boxDom扩展了一个叫pzj的属性(看不见)

自定义标签属性和自定义属性存在的目的:为了给标签做记号或者存值。

样式操作

<div id="box" ></div>
var boxDom = document.genElementById("box");
boxDom.style.width = "100px";//只能写到行内样式中
boxDom.style.marginLeft = "50px";//复合样式 margin-left采用驼峰命名
boxDom.style.cssText = "background:red;height:40px;";//写多条
//如何写到行间
document.getElementsByTagName("style")[0].innerHtml = "";

问题:var bg = "background";
boxDom.style.bg;// 这种写法错误undefined
boxDom.style[bg];//正确
**[]的使用 只要用点的方式都可以用[字符串]的形式**

函数的简单认识

var obj = new Object();
alert(obj.constructor);//可以查看构造器

函数的书写方法:
1.定义式:function 函数名(参数){ }
2.表达式:var 变量名 = function(参数){ }

function add(){
}
//触发
1.add();
2.document.getElementById("btn").onclick = add;
3.document.getElementById("btn").onclick = function(){
    add();
}
function xq(){ }
var xq;
alert(xq);//弹出的是function...

function xq(){ }
var xq = 1;
alert(xq);//弹出的是1
总结:当变量只定义未赋值时,函数名和变量名相同时 函数名的优先级高
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csnd_syon_javaweb/article/details/78209062

精通 CSS+DIV 网页样式与布局 53

后,农历年的习俗就一直流传下来。 据《诗经》记载,每到农历新年,农民喝“春酒”,祝“改岁”,尽情欢 乐,庆祝一年的丰收。到了晋朝,还增添了放爆竹的节目,即燃起堆堆烈火,将 竹子放在火里烧,发出噼...
  • myjnt
  • myjnt
  • 2016-12-05 20:09:25
  • 114

数据结构第三章课后题

3.2(2)假设以I和O分别表示进栈和出栈,站的初态和终栈均为空,写出一个算法判定所给的操作序列是否合法,若合法则返回1,否则返回0. 代码: #include #include using na...
  • qq_21385857
  • qq_21385857
  • 2016-04-09 16:02:36
  • 768

JavaScript操作DOM对象

程序调试 f12开发者工具 f10 单步调试 f11单步调试进入函数内容 Chrome开发人员工具: 八大模块...
  • zhoujiahaoxiong
  • zhoujiahaoxiong
  • 2017-07-07 16:10:24
  • 152

第三章 Dom操作

浏览器中的Dom文档对象模型Dom是独立于语言的,用以操作XML和HTML文档的程序接口(API)。在浏览器中的接口通常是以javascript操作的,因此大多数的脚本都在与DOM打交道。Dom和ja...
  • yangyiboshigou
  • yangyiboshigou
  • 2017-05-18 18:59:11
  • 238

精通CSS.DIV网页样式与布局(一)

一直都想写一个CSS+DIV系列的文章,但是总想找个合适点时间,整理整理。再写个系列,但是现在觉得什么事都不要推,有些东西,能当天做完就当天做完,要不过了,你也许不想做了,或许有一种错觉觉得意义就不大...
  • RanQi2016
  • RanQi2016
  • 2016-07-16 20:05:12
  • 452

第三章 循环

3.1 while(ture){} 3.2 do-while.先执行一次,然后判断条件满足执行,条件不满足退出。 3.3 for循环for(i=0;i{} 3.4 循环控制 3.4.1 素数 ...
  • weixin_35219745
  • weixin_35219745
  • 2016-11-21 20:45:42
  • 82

destoon循环后结果指定不同样式

给指定的标签元素不一样的样式      {php $mainarea = get_mainarea(0)}                 {loop $mainarea $k $v}        ...
  • zhan0623
  • zhan0623
  • 2017-09-15 14:49:30
  • 108

Java 相关知识的学习(第一章至第三章)

学习的书籍:《Java核心技术+卷1:基础知识(原书第9版)》 关于本书 第一章:概述 Java 与其他程序设计语言不同的性能; 第二章:详细地论述如何下载和安装 JDK 以及本书的程序示例; ...
  • qq_22003641
  • qq_22003641
  • 2017-12-06 16:19:47
  • 90

[统计学教程] 第三章 描述统计

导读:   第三章 描述统计      教学目标:   本章介绍对数据进行基本统计描述的有关方法,教学目标在于帮助学生理解各种常用的描述统计方法,并能够创造性地在实践中加以使用。学习本章需要大量结合...
  • ago52030
  • ago52030
  • 2008-08-25 16:29:00
  • 3067

北大青鸟S2SQL课后、上机练习答案项目案例知识总结PPT

  • 2010年03月31日 10:14
  • 898KB
  • 下载
收藏助手
不良信息举报
您举报文章:第三章 循环 样式操作
举报原因:
原因补充:

(最多只允许输入30个字)