2018年08月_courageFei

原创用js 实现简单的随机点名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l

2018-08-31 23:44:10 3833 1

原创用 js 实现简单的词条匹配显示在输入框下效果

用 js 实现简单的词条匹配显示在输入框下效果必要的解释都在代码的注释中，用以伙伴们参考的时候容易理解。<body> <div id="box"> <input type="text" name="" id="txt"> <input type="button" name=&quo

2018-08-26 21:33:43 704 2

原创用js实现简单的满屏跳动的心

用js实现简单的满屏跳动的心<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quot

2018-08-26 11:34:36 27459 4

原创 innerText 和 textContent 的兼容问题

innerText 和 textContent 的兼容问题innerText 属于IE标准，目前一些高版本的浏览器都会支持。可以设置文本内容，也可以获取标签中的文本。textContent 火狐支持，谷歌支持，IE8不支持。只可以去中间的内容，不会显示标签的样式。innerHTML 如果标签文本都想获取，可以使用。兼容代码//设置任意元素的中间的文本内容functio...

2018-08-23 15:21:39 707

原创用js实现的简单的点击小图片，显示对应的大图片

**以下是简单的点击小图，显示大图的代码。具体简单的解释在注释中。<body> <div class="box"> <ul id="gallary"> <li> <a href="images/6信息.png" title="信息">

2018-08-22 23:08:13 17762

原创简单tab栏切换

tab栏切换js 部分代码如下： <script> //获取tab栏最外面的大盒子 var bigbox = document.getElementById("bigbox"); // 获取tab栏的标题栏，就是最外面大盒子里的第一个div var hd =bigbox.getElementsByTagName("div")[0]; ...

2018-08-22 22:52:57 3572

原创 js事件中的this

1.事件中的this 当在事件中表示当前元素的时候，可以使用thisvar btn = document.getElementById("btn");btn.onclick = function() { this.value = "按鈕"; //给btn注册的事件，因此this表示btn}2.阻止a标签跳转对于a标签来说，默认的行为就是进行页面跳转，如...

2018-08-22 22:37:04 2216

原创浏览器对象模型（BOM）

浏览器对象模型（BOM）概念BOM处理浏览器窗口和框架。包括：弹出新浏览器窗口的功能。移动，缩放，关闭浏览器黄口的功能。提供浏览器详细信息的navigator对象。提供浏览器所加载页面的详细信息的location对象。对cookies的支持。提供与浏览器加交互方法的接口。BOM的顶级对象windowwindow是浏览器的顶级对象，当调用window下的属性和方法时...

2018-08-19 21:08:17 472

原创如何用JavaScript 编写事件处理程序？

如何用JavaScript 编写事件处理程序？ ##（三种方式）在事件源对象所对应的HTMl 标签上增加有一个要处理的事件属性，让事件属性值等于处理该事件的函数名或者程序代码。一般情况下，为了让行为，样式与结构分离，不直接嵌入标签内。不建议使用。直接在JavaScript代码中，设置元素对象的事件属性，让事件属性值等于处理房事件的函数名或者程序代码。例如<body&gt...

2018-08-18 22:42:54 808

原创 nodeType 属性和nodeName

nodetype 属性返回节点类型。返回为1：代表是元素。返回为2：代表是属性。返回为3：代表是文本。返回为4：代表是CDATA对象。返回为5：代表实体引用名称节点。返回为6：代表的是实体名称节点。返回为7：代表的是处理指令节点。返回为8：代表的是注释节点。返回为9：代表的是文档节点。返回为10：代表的是文档类型节点。返回为11：代表的是文档片段节点。返回为12：代表的...

2018-08-18 22:04:00 901

原创 HTML DOM 对象的属性和方法

HTML DOM 对象方法常用的方法getElementById(id) ———— 获取带有指定id的节点元素。getElementByTagName(tagename）———– 获取相应标签元素的子元素集合，它允许吧通配符作为它的参数，“”*“”一般是放在引号中以区分乘号。返回值是伪数组。getElementByClassName(classname) ———– 获取带有指定c...

2018-08-14 21:41:18 1294

原创什么是DOM？

DOB是什么？DOM(文档对象模型)是针对于xml但是扩展用于HTML的应用程序编程接口，定义了访问和操作HTML的文档的标准。W3C文档对象模型是中立于平台和语言之间的接口，它允许程序和脚本动态的访问和更新文档的内容、结构、样式。总之HTML是关于如何获取、修改、添加和删除HTML元素的标准。DOM 分层节点DOM的分层节点一般被称作是DOM树，树中的所有节点都可以通过脚本语言例...

2018-08-14 20:16:35 2350

原创 JavaScript中Array对象常用的方法

Array对象的实例如何创建使用Array创建var arr = new Array();var arr1 = new Array(2); //后面的参数表示数组的长度为2var arr3 = new Array(2,3,4); //表示数组里面的数据有2，3，4.使用字面量创建var arr4 =[2,3,4,5]; //声明的时候...

2018-08-09 20:36:26 1111 2

原创 break 和 continue语句

只有循环条件表达式的值为 false 的时候，循环语句才能结束循环，如果想要中断循环，此时就可以使用break语句和continue语句了，那么怎么使用，又有什么区别呢？ break语句可以在循环体语句块中添加break语句，break语句可以终止循环体中的执行语句和switch语句，一个无标号的语句会把当前的控制传给执行完循环或case的下一条语句，如果有白哦好，控制会被传递给当...

2018-08-08 14:42:34 225

原创 JavaScript中提供的for...in遍历对象

for … in 遍历对象var person = { name:"小明"， score：99， gender："male"; sleep:function(){ console.log("小明在休息"); }}如果要遍历小明的这个对象，可以使用以下方法for（var x in student）{ console....

2018-08-05 22:52:06 268

原创获取对象属性的方法

1.使用点语法 var student = { name = "小明", age = 12, sex = "male", sayHi:function(){ console.log("hello"); } }获取对象student的属性,这种方法叫做点语法。如下：console.log(student.name);...

2018-08-05 22:33:59 725 1

原创 JS中的对象

对象是什么呢？JS中对象的定义是内存中一段有意义的空间。对象可以是生活中的任何事物。而JS中的对象就是将生活中的对象抽象化了，这些对象抽象化之后就是有一些无序属性，这些属性构成了一个无序的集合。对象中主要包含属性（就相当与生活中某对象的特征）一般情况下是一个名词，方法（就相当于生活中对象可以做到动作，事情，方法）一般情况下是动词。对象是怎么创建的呢？用Object构造函数创...

2018-08-05 22:17:59 144

原创 JavaScript 中的String对象常用方法

javascript中字符串对象的常用方法字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串查找字符串的方法 indexOf:获取某个字符串第一次出现的位置，如果没有，返回-1 lastIndexOf:从后面开始查找第一次出现的位置。如果没有，返回-1去除两边空格的方法 trim();//去除字符串两边的空格，内部空格不会去除转换大小写 ...

2018-08-03 10:52:35 1158

courageFei的博客