窗口一、Window 对象Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。1、对象属性2、对象方法二、打开窗口和关闭窗口（一）打开窗口1、使用open()方法打开新窗口 语法：window.open("新窗口地址","新窗口名称","新窗口属性串");2、open()方法常见属性eg： 1<html> 2<head> 3<title>打开窗口-属性设置</titl...
zip.js是什么zip.js的github项目地址：http://gildas-lormeau.github.io/zip.js/ 通过zip.js封装一个能在网页端生成zip文件的插件， 直接在网页中创建包含文件夹和文件的压缩包，也可以自定义名字并下载； 如何使用： 1：引用zip.js 2：引用jQuery; 3：并引用封装的ZipArchive.js ,(因为zip.js的api使用起来比较繁琐,所以自己封装实现了这个插件) 4：引用mime-types.js;查看DEMO, 使用方式为：<!DOCTYPE html> <...
一、DOM= Document Object Model，文档对象模型。DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。 通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性...
1）三者 call()、apply() 都是用来重定义 this 这个对象的！2）call 、 apply 传入参数存在差异： apply()方法 接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。 语法：apply([thisObj [,argArray] ]);，调用一个对象的一个方法，2另一个对象替换当前对象；说明：如果argArray不是一个有效数组或不是arguments对象，那么将导致一个 TypeError，如果没有提供argArray和thisObj任何一个参数，那么Global对象将...
介绍本章，我们将讲解在ECMAScript向函数function传递参数的策略。计算机科学里对这种策略一般称为“evaluation strategy”（大叔注：有的人说翻译成求值策略，有的人翻译成赋值策略，通看下面的内容，我觉得称为赋值策略更为恰当，anyway，标题还是写成大家容易理解的求值策略吧），例如在编程语言为求值或者计算表达式设置规则。向函数传递参数的策略是一个特殊的case。http://dmitrysoshnikov.com/ecmascript/chapter-8-evaluat...
面向对象 面向过程与面向对象编程1、面向过程：所有的工作都是现写现用。2、面向对象：是一种编程思想，许多功能事先已经编写好了，在使用时，只需要关注功能的运用，而不需要这个功能的具体实现过程。javascript对象 将相关的变量和函数组合成一个整体，这个整体叫做对象，对象中的变量叫做属性，变量中的函数叫做方法。javascript中的对象类似字典。创建对象的方法 1、单体<script type="text/javascript"> var Tom = {name : ...
HTML5的audio标签提供了我们方便控制声音的功能，但是使用原生的HTML5来开发声音或者音乐相关的项目仍旧非常的麻烦，在今天这篇文章中，我们将介绍５款帮助你简化开发的javascript audio类库，相信合理的使用能够帮助你高效的开发基于html5 audio的应用和项目，希望大家觉得有帮助！SoundManager 2soundmanager2绝对是一个产品级别的javascript audio解决方案，支持HTML5并且兼容老的flash。帮助大家使用一套统一API来实现跨平台（...
这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。七、模块的规范 先想一想，为什么模块很重要？ 因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。 目前，通行的Javascript模块规范共有...
js的内部类javascript 中本身提供一些，可以直接使用的类，这种类就是内部类，主要有:ObjectArrayMathBooleanStringRegExpDateNumber 1、内部类分类从使用的方式看：分为动态类和静态类(1) 动态类 使用 var对象 = new 动态类() 对象属性|方法var newdate = new Date(); //显示当前日期 window.alert(newdate.toLocaleString());(2) 静态类 使用 类名.属性|方法比如：Mathwindow.alert(Math.abs(-12)); 2、Math Math是静态类，提...
// 创建一个Dog构造函数function Dog(name, age) { // ①this.name = namethis.age = age }Dog.prototype.eat = function() { // ②console.log(‘肉骨头真好吃‘) }// 使用Dog构造函数创建dog实例 const dog = new Dog(‘旺财‘, 3) 图by 修言dog.__proto__和Dog.prototype 均指向function Dog，也就是①原文：https://www.cnblogs.com/ww01/p/12098398.html
1.打开网页，网页效果如图所示 代码如下： 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<title>随机变色</title> 6<style type="text/css"> 7 #box{ 8 width: 200px; 9 height: 200px;10 border: 1px solid red;11}12</style>13</head>14<body>1516<div id="box"></div>17<script type="text/javascript">18// 获取元素对象19var obj1 = document.getElementById("box")...
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><h1>第一个界面</h1><a href="js02history.html">当前页面</a><a href="js03history.html">下一个页面</a><a href="javascript:history.forward()">forward()前进一个界面</a><a href="javascript:history.go(1)">go(1)前进一个界面</a></body></html>01.history属性界面1<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><t...
1. 1// Since JavaScript doesn‘t exactly have sub-class objects, prototype is a useful workaround to make a “base class” object of certain functions that act as objects. For example: 2var Person = function() {3this.canTalk = true;4 };5 6 Person.prototype.greet = function() {7if (this.canTalk) {8 console.log(‘Hi, I am ‘ + this.name);9 } 10 }; 1112var Employee = function(n...
1. 事件处理1.1. 绑定事件方式（1）行内绑定 语法： //最常用的使用方式 <元素 事件=”事件处理程序”>（2）动态绑定 //结构+样式+行为分离的页面（html+css+js事件） 语法： 对象.事件=事件处理程序行内绑定和动态绑定的重要区别：以上程序是不可用的，点击div时，执行test函数，这时，test中的this表示window对象 因为： 我们定义test函数，实际上相应于在window对象下定义了test属性 test(); —> 相当于 wi...
项目中时常会需要用到使用JavaScript来动态控制为元素(:before,:after)的样式，但是我们都知道JavaScript或jQuery并没有伪类选择器。这里总结一下几种常见的方法。HTML<p class="red">Hi, this is a plain-old, sad-looking paragraph tag.</p> CSS.red::before {content: ‘red‘;color: red;} 方法一：使用JavaScript或者jQuery切换<p>元素的类名，修改样式。.green::before {content: ‘green‘;color: green;}$(‘p‘).remove...