2021-3-3 JS语法、BOM、DOM回顾

JavaScript 字符串

字符串可以存储一系列字符,如 "John Doe"。

字符串可以是插入到引号中的任何字符。

字符串的索引从 0 开始,这意味着第一个字符索引值为 [0],第二个为 [1], 以此类推。


用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来(连接起来)。

如需把两个或多个字符串变量连接起来,请使用 + 运算符。



条件语句

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中,我们可使用以下条件语句:

·if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码

·if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码

·if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

·switch 语句 - 使用该语句来选择多个代码块之一来执行


if 语句

只有当指定条件为 true 时,该语句才会执行代码。

if...else 语句

请使用 if....else 语句在条件为 true 时执行代码,在条件为 false 时执行其他代码。

if...else if...else 语句

使用 if....else if...else 语句来选择多个代码块之一来执行。

语法

if (condition1)

{

    当条件 1 为 true 时执行的代码

}

else if (condition2)

{

    当条件 2 为 true 时执行的代码

}

else

{

  当条件 1 和 条件 2 都不为 true 时执行的代码

}

switch 语句

请使用 switch 语句来选择要执行的多个代码块之一。

switch(n) { case 1:

执行代码块 1

break;

case 2:

执行代码块 2

break;

default:

与 case 1 和 case 2 不同时执行的代码

}



不同类型的循环

JavaScript 支持不同类型的循环:

·for - 循环代码块一定的次数

·for/in - 循环遍历对象的属性

·while - 当指定的条件为 true 时循环指定的代码块

·do/while - 同样当指定的条件为 true 时循环指定的代码块


for (语句 1; 语句 2; 语句 3)

{

    被执行的代码块

}


var person={fname:"Bill",lname:"Gates",age:56};

for (x in person) // x 为属性名 {

txt=txt + person[x];

}


while (i<5) {

x=x + "The number is " + i + "<br>";

i++;

}

do {

x=x + "The number is " + i + "<br>";

i++;

} while (i<5);


DOM 文档对象模型 用JS表示的标签

可以跟页面交互?

1.可以在JS中获得到标签

2.知道有哪些交互(事件)

3.逻辑


JS操作HTML

1.创建HTML

document.createElement("标签名")

如:var p =document.createElement("p")

属 性 :在JS获取或设置属性

<img.src="1.jpg">

2.获取HTML 用JS修改样式、内容、添加事件

3.删除HTML

4.替换HTML

/innerHTML 往标签里放字符串格式标签

//innertext 往标签里面放文本内容 不能放字符串格式标签


//清空标签

/.innerHTML="";

// document.body.innerHTML=""


JSON对象 一种数据格式 没有语言限制 格式:{“key键”:值,“key键”:[ 1,2,3 ] }

{

"username": "xiaoming",

"age": 99,

"friends": ["xiaohua","xiaolv","小猪"]

}

XML 数据格式 没有语言限制 类似于html格式


//复制元素 cloneNode()

如://复制dom元素

if (left%50===0||top%50===0){

var p = person.cloneNode();

document.body.append(p);

p.style.opacity = Math.random();

}

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,392评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,258评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,417评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,992评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,930评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,199评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,652评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,327评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,463评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,382评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,432评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,118评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,704评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,787评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,999评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,476评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,057评论 2 341

推荐阅读更多精彩内容