看了这个题目,不知聪明的读者会有什么样的感觉?这篇文章将要讲javascript和DOM的关系呢?还是要讲javascript的DOM?在这里我首先就讲明文章的主旨有两点:什么是DOM?它和javascript的关系是什么? 一 什么是DOM? 官方解释:Document Object Model 是一种用于HTML和XML文档的编程接口。它给文档提供一个结构化的表示方法,可以改变文档的内容和呈现方式。 看了这个官方解释觉得,还是那样没有什么感觉,那好请跟随我继...
<html>
<head>
<style>
body
{background:#444;
}
.rect
{border:1px solid #94F;width:680px;height:680px;
}
.gridred
{
width:38px;
height:38px;
background:red;
border:1px #555 solid;
float:left
}
.gridgreen
{
width:38px;
height:38px;
background:green;
border:1px #555 solid;
float:left
}
.gridblue
{
width:38px;
height:38px;
background:blue;
border:1px #555 solid;
float:left
}
.st
{
width:100;
height:40...
BOM对象window对象所有浏览器都支持 window 对象。概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使用即可.Window 对象方法alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。open() 打开一个新的浏览器窗口或查找一...
1、function C () {this.a = 1;returnfalse; }
console.log (typeof new C());object function C () {this.a = 1;return "bbb"}
console.log (typeofnew C());也是object除非return {} ,才是真正return的值,其他的都是object原文:http://www.cnblogs.com/danghuijian/p/4856302.html
遇到过几次这种问题,现在总结一下。
代码:<a onclick="window.location.href=‘http://www.google.com‘" href="javascript:void(0);">google</a>
这段代码在主流的浏览器里面都没问题,但是在IE6下就会出现不能跳转的现象。
经过一翻排查,发现绑定的事件都会执行,是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:void(0);导致的。a标签
a标签本来就是用来进行页面跳转的标签,其运行机制是告诉浏览器URL地址并且...
作用域和闭包Q: 1.说一下对变量提升的理解 2.说明this几种不同的使用场景 3.创建10个<a>标签,点击时弹出对应序号var i;
for(i = 0; i < 10; i++){(function(i){var a = document.createElement(‘a‘);a.innerHTML = i + ‘<br>‘;a.addEventListener(‘click‘, function(e){e.preventDefault();alert(i);});document.body.appendChild(a)})(i)
} 4.如何理解作用域 5.实际开发中闭包的应用// 闭包实际...
Date() 和 new Date()函数区别在于。Date()返回字符串, new Date()返回日期对象。Date()不受参数影响,new Date()受参数影响。实例代码如下:1var c 1=Date(); //返回一个字符串(string),没有getDate等日期对象方法,内容为当前时间2var c2= new Date(); //返回一日期对象,可以调用getDate(),内容为当前时间3var c 3=Date( "2017-1-1" ); //返回一个字符串(string),内容仍旧为当前时间,也就是不受参数影...
Date是什么?Date是日期类的构造函数 也是个对象,用于构造日期对象的实例。有一个 now()方法,返回截止目前的时间戳(1970.1.1日始)。Date.parse()接受 一定格式的日期字符串,返回相应的时间戳。‘6/30/2017‘,月/日/年‘2016-2-22‘,年-月-日‘june12 , 2017‘ 英文月日 年。
Date.UTC()接受多个表示日期年月日时分秒的数字,返回响应的时间戳。(2015,1,3)表示 2015年2月3日。 如何构建Date实例构造函数 ...
布尔值布尔值指真或假,开或关,是或否,关键字true和false。下面这些值会被转换成false:undefinednull0-0NaN"" // 空字符串布尔值包含toString()方法,可以用这个方法将字符串转换为true或false。如var b = true; b.toString() 则变成字符串"true"。null和undefinednull是JavaScript的关键字,他表示一个特殊值,常用来描述空值,使用typeos(null)结果返回object,我们可以把它理解成一个特殊的对象,主要用来描述一个字符串...
<script> //js模拟类的创建以及继承 //第一步:创建父类 function Parent(name){ this.name = name; } //给父类添加属性方法 Parent.prototype.age = 18; //var p1 = new Parent(); //第二步:创建子类 function Child(){ Parent.call(this,"asdfasfd"); } //第三步:确定继承的关系 Child.prototype = Object.create(Parent.prototype); Child.p...
1 保留字一览 abstractboolean break bytecase catch char class const continuedebugger default delete do doubleelse enum export extendsfalse final finally float for functiongotoif implements import in instanceof int interfacelongnative new nullpackage private protected publicreturnshort static super switch synchronizedthis throw throws transient true try typeofvar volatile voidwhile with 2字符串可以用...
函数 有时候我们的代码重复了很多次,编程里面称为耦合,但是编程要讲究高内聚,弱耦合。为了将重复多的聚在一起就出现了函数。定义函数基本要素:函数声明(function),函数名称,参数(形参,实参),返回值。 1.首先函数命名方式采用小驼峰式写法,即第一个单词小写,后面的单词首字母大写,如 function oneNumber(){} 2.函数表达方式里面有函数表达式,匿名函数表达式 var a = function lala() {}//函数表达式
v...
NodeList对象是DOM操作取出的集合(实际上是基于DOM结构动态查询的结果),用来保存一组有序的节点,可以通过位置来访问这些节点,它并不是array的实例。Nodelist最大的特点就是它的时效性,DOM结构的变化能自动反映在Node List对象中。也就是说当DOM结构发生变化时,NodeList立刻会发生变化。NodeList对象转为数组方法: Array.prototype.slice.call(someNode.childNodes, 0) 或 [].slice(someNode.childNodes, 0)由于IE8及更早...
原型链一.构造函数与原型链的关系博客中:http://www.cnblogs.com/shuiyi/p/5305435.html的图 例子: 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 <script>7function Person(obj) {8this.obj = obj || {}9this.name = this.obj.name || "匿名";
10this.age = this.obj.age || 18;
11this.sex = this.obj.sex || "男";
12 }
1314 Person.prototype....
说明(2017.3.28):1. JavaScript是一种基于对象的多范式编程语言,不是面向对象,但离开对象不能活。 范式编程是指编程习惯、方式,分为过程式、对象式和函数式编程。2. 面向对象是指,使用对象进行开发,面向对象是对面向过程的封装。3. JavaScript面向对象的三个特点,抽象性、继承性和封装性。 抽象性是指,抽取出核心属性和方法,不在特定条件下不能确定对象的具体意义。 继承性是指,把我没有的属性和方法拿来使用...