dada678的专栏

data: { tabs:[]}let tabs = this.data.tabs; //浅拷贝let tabs = JSON.parse(JSON.stringify(this.data.tabs)); //深拷贝

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合，三种常见的DOM节点:1. 元素节点：上图中、、等都是元素节点，即标签。2. 文本

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”) 看看下面代码:结果:null或[object HTMLParagraphElement]

innerHTML 属性用于获取或替换 HTML 元素的内容。语法:Object.innerHTML注意:1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。2.注意书写，innerHTML区分大小写。我们通过id="con"获取 元素，并将元素的内容输出和改变元素内容，代码如下:

HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法:Object.style.property=new style;注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）:注意:该表只是一小部分CS

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法：Object.style.display = value注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。value取值:看看下面代码:

小伙伴们，请编写"改变颜色"、"改变宽高"、"隐藏内容"、"显示内容"、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作。任务一、定义"改变颜色"的函数提示:obj.style.colorobj.style.backgroundColor 二、定义"改变宽高"的函数提示:obj.st

什么是变量什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。给变量取个名字(变量命名)我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。我们赶快给变量取个好名字吧!变量名

做判断（if语句）f语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意：if小写，大写字母（IF）会出错！假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下: var mycarrer = "HTML"; if (mycarrer == "HTML

什么是函数函数的作用，可以写一次代码，然后反复地重用这个代码。如:我们要完成多组数和的功能。var sum; sum = 3+2;alert(sum);sum=7+8 ;alert(sum); .... //不停重复两行代码如果要实现8组数的和，就需要16行代码，实现的越多，代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函

close()关闭窗口用法：window.close(); //关闭本窗口或.close(); //关闭指定的窗口例如:关闭新建的窗口。 var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close();注意:上面代

open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法：window.open([URL], [窗口名称], [参数字符串])参数说明:URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2

找到你的位置（JS在页面中的位置）我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在部分最常用的方式是在页面中head部分放置元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在部分JavaScript代码在网页读取到该语句的时候就会执行。注意: javascript

JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。每一句JavaScript代码格式: 语句;先来看看下面代码 alert("hello!");例子中的alert("hello!");就是一个JavaScript语句。一行的结束就被认定为语句的结束，通常在结尾加上一个分号";"来表示语句的结束。看看下面这段

注释的作用是提高代码的可读性，帮助自己和别人阅读和理解你所编写的JavaScript代码，注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。我们为了方便阅读，注释内容一般放到需要解释语句的结尾处或周围。单行注释，在注释内容前加符号 “//”。 document.write("单行注释使用'//'"); // 我是注释，该语句功能在网页中输出内容

什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子，为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。定义变量使用关键字var,语法如下：var 变量名变量名可以任意取名，但要遵循命名规则:    1.变量必须使用字母、下划线(_)或

函数是完成某个特定功能的一组语句。如没有函数，完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如何定义一个函数呢？基本语法如下:function 函数名(){     函数代码;}说明:1. function定义函数的关键字。2. "函数名"你为函数取的名

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容。 document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。第二种:通过变量，输出内容 var mystr="hello worl

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法:alert(字符串或变量); 看下面的代码: var mynum = 30; alert("hello!"); alert(mynum);注:alert弹出消息对话框(包含一个

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法:confirm(str);参数说明:str：在消息对话框中要显示的文本返回值: Boolean值返回值:当用户点击"确定"按钮时，返回true当用户点击"取消"按钮时，返回false注: 通过返回值可以判断用

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法:prompt(str1, str2);参数说明：str1: 要显示在消息对话框中的文本，不可修改str2：文本框中的内容，可以修改返回值:1. 点击确定按钮，文本框中的内容将作为函数返回值2. 点击取消按钮

我们来看看如何写入JS代码？你只需一步操作,使用标签在HTML网页中插入JavaScript代码。注意， 标签要成对出现，并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。我也可以独立（引用JS外部文件）通过前面知识学习，我们知道使用标签在HTML文件中