document:文档对象document.getElementById();//根据ID获取元素对象document.getElementsByTagName();//根据标签名获取元素对象数组document.getElementsByClassName();//根据类名获取元素对象数组document.getElementsByName();//根据名字获取元素对象数组document.createElement();//创建元素对象document.createTextNode();创建文本对象parentNode.appendChild(childNode);//追加子节点parentNode.insertBefore(newNode,childNo...
JAVA 是网页里面 使用的脚本遇见,非常强大的语言。 基本语法分为: 注释语法,1单行注释// , 2多好注释/**/ 输出语法: (信息) alert -弹出信息 confirm--弹出一个和用户交换的对话框 prompt ---弹出一个可以让用户输入的对话框 嵌入js代码 :...
构造函数构造函数,是一种特殊的方法。主要用来创建对象时初始化对象,即为对象成员变量赋初始值,总与new运算符一起使用在创建对象的语句中。特别的一个类可以有多个构造函数,可根据其参数个数的不同或参数类型的不同来区分它们即构造函数的重载。示例:<span style="font-size:18px;">function Box(name,age)
{this.name=name;this.age=age;this.run=function(){return this.name+this.age+'运行中。。。';};
}var box1=new Box...
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库:Clipboard.js。在每一个Github仓库页面的侧边栏上都有一个小部件,用来显示repo的HTTPS克隆地址,当你点击紧挨着这个部件的按钮时,就会复制当前repo的URL到用户的剪贴板中。Github用JavaScript库ZeroClipboard来实现这一功能,问题是这个库是用一个不可见的Flash来完成剪贴操作,而Flash技术正被各大浏览器厂商冷落,所以势必要有一个新的方案...
定义: 在事件驱动的环境中,比如浏览器这种持续寻求用户关注的环境中,观察者模式(又名发布者-订阅者 “publisher-subscriber" 模式) 是一种管理人与其任务之间的关系(确切的讲,是其对象及其行为和状态之间的关系)的得力工具。用javascript的 话来说,这种模式的实质 就是你可以程序中某个对象的状态进行观察并且在其发生改变时能够得到通知。 观察者API: var Publisher=function(){
this.subscribers=[];
}...
1、concat() concat() 方法用于连接两个或多个字符串,并返回连接后的字符串。stringObject.concat() 与 Array.concat() 很相似。var str1="Hello "
var str2="world!"
console.log(str1.concat(str2)) //Hello world!2、indexOf 和 lastIndexOf都接受两个参数:查找的值、查找起始位置不存在,返回 -1 ;存在,返回位置。indexOf 是从前往后查找, lastIndexOf 是从后往前查找。indexOfvar a = [2, 9, 9];
a.indexOf(2); // 0
a.in...
js002-在HTML中使用JavaScript2.1 <script>元素 定义了以下6个属性 async: 可选。表示应该立即下载脚本,但不妨碍页面中的其他操作,比如下载其他资源或者等待加载其他脚本。只对外部脚本文件有效。(异步的)charset:可选。表示通过src属性指定的代码的字符集。defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本有效。IE7及其更早的版本也支持这个属性。(延迟,延期)src:可选。表示包含...
JavaScript主要包括三部分:1、ECMAScript: JavaScript的核心,仅仅是一个描述,定义了脚本语言的所有属性,方法和对象。具体地,ECMAscript描述了以下内容: 语法、类型、语句、关键字、保留字、运算符、对象每个浏览器都有它自己的 ECMAScript 接口的实现,然后这个实现又被扩展,包含了 DOM 和 BOM。 2、DOM:DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 ...
一、事件流 1.事件流:描述的是在页面中接受事件的顺序 2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 3.事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件二、事件处理 1.HTML事件处理:直接添加到HTML结构中 2.DOM0级事件处理:把一个函数赋值给一个事件处理程序属性 3.DOM2级事件处理: addEventListener("事件名","事件处理函数",布尔值) ...
1、JavaScript中的Array.prototype.slice.call(arguments)能将有length属性的对象转换为数组(特别注意: 这个对象一定要有length属性)理解第一步: 其中,arguments是一个具有length属性的对象, 通过call 这个方法,把arguments 指向了Array.prototype.slice方法的作用域,也就是说通过call方法,让Array.prototype.slice对arguments对象进行操作理解第二步: Array.prototype.slice就是对该对象使用Array类的slice方法。但是呢arg...
--摘自《You Don‘t Know JS- Scope, Closures》对于所有的编程语言,作用域是一个基础的概念。深入了解JavaScript中的作用域,对正确的使用这个语言有重要的作用。什么是作用域作用域是一组变量如何存储和读取的规则,存在两类模型:静态作用域(也称作字面作用域、词法作用域)。 动态作用域。作用域的操作对作用域有两类操作:读操作,写操作。在编译原理中被读取的操作数叫右操作数(RHS),被修改的操作数叫做操作数(LHS)。这种...
1.内部标签1 <script>
2 alert(‘hello world!‘)
3 ....
4 </script> 2.外部引入 xxx.jsalert(‘hello world!‘) xxx.html <script src="js/xxx.js"></script> 测试代码 html代码 1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 7 <!--内部标签-->8 <!--script标签内写Javascript代码 -->9 <!-- <script>-->
10 <!-- a...
JavaScript:概念:一门客户端脚本语言
运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎脚本语言:不需要编译,直接就可以被浏览器解析执行了功能:
可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。JavaScript发展史:
1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 : C-- ,后来更名为:ScriptEase1995年,Netscape(网景)公...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"><head><title>Javascript 二维码生成库:QRCode</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /><scri...
首先是音频:<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>播放音频</title></head><body><!--将 mp3文件复制到新创建的raw文件夹下--><audiosrc="raw/1.mp3"controls="controls">您的浏览器不支持</audio><buttononclick="clickA()">播放/暂停</button><script>var a = document.getElementById("audio");functionclickA(){if (a.paused){a.play();}else {a.pause;}}</script></body></html>然后是视频:<!D...