JavaScript
ClementQL
没有努力,天赋一无是处!
展开
-
JavaScript 数据类型
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>DataType</title></原创 2019-02-01 11:39:27 · 120 阅读 · 0 评论 -
JavaScript:DOM对象 节点操作
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterNineNode</title>原创 2019-02-02 11:33:37 · 290 阅读 · 0 评论 -
JavaScript:DOM对象 浏览器窗口可视区域大小
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterNineOther</title>原创 2019-02-02 11:34:25 · 373 阅读 · 0 评论 -
JavaScript:获取父节点 CSS样式 DOM节点 (类型、名称、节点值) 兄弟节点 子节点 设置和修改CSS样式
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>GainNode</title> &原创 2019-02-02 11:35:25 · 4203 阅读 · 0 评论 -
JavaScript:面向对象编程
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>FaceObjectProgramme</title&g原创 2019-02-02 11:36:21 · 247 阅读 · 0 评论 -
JavaScript:BOM
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>BOM</title> <s原创 2019-02-02 11:37:29 · 235 阅读 · 0 评论 -
JavaScript 正则表达式
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>JavaScriptZhengZeBiaoDaShi</titl原创 2019-02-02 11:38:27 · 204 阅读 · 0 评论 -
JavaScript 简介
<script type="text/javascript"> @*JavaScript简介*@ @*(1)JavaScript 是一种轻量级的编程语言,可插入HTML页面,由浏览器解释并执行。 (2)JavaScript是一种弱类型的语言。JavaScript脚本像其他编程语言一样,每个变量都有数据类型,但在声明变量时 ...原创 2019-01-29 23:12:45 · 165 阅读 · 0 评论 -
JavaScript 常识
@***************************************(1)JavaScript简介*********************************************@ <script> @*(1)JavaScript 是一种基于 ECMAScript 规范的脚本语言,并在此基础上进行了自己的封装。 ECMAS...原创 2019-01-29 23:16:00 · 343 阅读 · 0 评论 -
JavaScript 基础介绍 语句 注释 变量 判断语句
@*变量的使用*@ <div> <table style="width:210px;"> <tbody> <tr> <td>X:</td> <td原创 2019-01-29 23:17:46 · 218 阅读 · 0 评论 -
JavaScript常用的互动方法 document alert confirm prompt
@******************************(1)输出内容*******************************@ <script> @*2-1JavaScript-输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容。...原创 2019-01-29 23:19:24 · 453 阅读 · 0 评论 -
JavaScript 变量 表达式 操作符
@**********************************变量(前面已经讲过)*********************************@ @*************************************************************************************@ ...原创 2019-01-29 23:22:47 · 285 阅读 · 0 评论 -
JavaScript 常用转义字符
JavaScript的转义字符依然是"/",下面是常用的转义字符。\b:代表退格。\t:代表一个制表符,即一个Tab空格。\n:换行回车。\v:垂直的制表符。\r:回车。\":双引号。\':单引号。\\:反斜线,即\。\OOO:使用八进制表示的拉丁字母。OOO表示一个3位的八进制 整数,范围是000-377.\xHH:使用十六进制数表示的拉丁字母,HH表示一...原创 2019-02-24 14:37:34 · 12455 阅读 · 1 评论 -
JavaScript 运算符
运算符运算符:JavaScript提供了相当丰富的运算符,运算符也是JavaScript语言的基础。通过运算符可以将变量连接成语句,语句是JavaScript代码中的执行单位。1.赋值运算符(赋值运算符用于为变量指定变量值。通常赋值运算符将一个常量赋值给变量)除此之外,也可以使用赋值运算符将一个变量赋值给另一个变量。与Java类似的是,赋值语句本身是有值的,赋值语句的值...原创 2019-02-24 14:43:20 · 152 阅读 · 0 评论 -
JavaScript基础----浏览器对象模型(BOM)
它主要有window、frames、history、location以及navigator组成。其中window对象所包括的document对象又包括文档对象模型。浏览器对象的核心对象:(1)window:关联当前浏览器窗口。(2)document:包含各类(x)HTML属性与文本片段的对象。(3)frames[]:window对象包含的框架数组,每个框架依次引用另外的window对象...原创 2019-02-24 14:45:15 · 171 阅读 · 0 评论 -
JavaScript 三种调用函数的方式
(1)直接调用函数:直接调用函数是最常见、最普通的方式。这种方式直接以函数附加的对象作为调用者,在函数后括号内传入参数来调用函数。这种方式是前面最常见的调用方式。当程序使用window对象来调用方法时,可以省略方法前面的window调用者。(2)以call()方法调用函数:直接调用函数的方式简单、易用,但这种方式不够灵活。有些时候调用函数时需要动态地传入一个函数引用,此时为了动态地...原创 2019-02-24 14:47:07 · 3370 阅读 · 0 评论 -
JavaScript 创建对象
JavaScript对象是一个特殊的数据结构,JavaScript对象只是一种特殊的关联数组。创建对象并不是总需要先创建类,对纯碎面向对象语言不同的是,JavaScript中创建对象可以不使用任何类。①使用new关键字调用构造器创建对象②使用object直接创建对象③使用Jason语法创建对象(1)使用new关键字调用构造器创建对象,这是最接近面向对象语言创建对象的方式,new...原创 2019-02-24 14:51:07 · 169 阅读 · 0 评论 -
JavaScript 使用Worker创建多线程
JavaScript线程介绍:以前我们编写JavaScript脚本时,总是只有一条"程序执行流",也就是只有一条线程,如果JavaScript脚本执行时被阻塞了,那么就会阻塞整个JavaScript脚本的执行流程,甚至导致浏览器失去响应。在传统的JavaScript脚本编程中,开发人员无法启动子线程来执行JavaScript脚本。Worker的出现改变了这种局面,开发者只要创建一个Work...原创 2019-02-24 14:58:58 · 1362 阅读 · 0 评论 -
JavaScript:DOM对象 控制HTML元素 节点属性
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterNine</title>&原创 2019-02-02 11:32:49 · 215 阅读 · 0 评论 -
JavaScript:DOM对象 控制HTML元素
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterNineDOM</title>原创 2019-02-02 11:32:01 · 141 阅读 · 0 评论 -
JavaScript 数组
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterFourArray---第四章 数组</t原创 2019-02-01 11:40:38 · 92 阅读 · 0 评论 -
JavaScript 流程控制语句
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterFour</title>&原创 2019-02-01 11:41:59 · 323 阅读 · 0 评论 -
JavaScript 函数
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterFiveFun</title>&a原创 2019-02-01 11:43:00 · 169 阅读 · 0 评论 -
JavaScript 事件
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterSix</title> &a原创 2019-02-01 11:44:13 · 209 阅读 · 0 评论 -
事件 (附加内容)
@{ Layout = null;}<!DOCTYPE html><html><head> <meta charset="utf-8"><!--设置字符集utf-8编码--> <meta name="viewport" content="width=device-wi原创 2019-02-01 11:46:12 · 215 阅读 · 0 评论 -
JavaScript 内置对象 日期对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterSevenDate</title>原创 2019-02-01 11:47:16 · 188 阅读 · 0 评论 -
JavaScript 内置对象 字符串对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterSevenString</title>原创 2019-02-01 11:48:27 · 184 阅读 · 0 评论 -
JavaScript 内置对象 Math对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterSevenMath</title>原创 2019-02-01 11:49:23 · 245 阅读 · 0 评论 -
JavaScript 内置对象 Array对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterSevenArray</title>原创 2019-02-01 11:50:22 · 220 阅读 · 0 评论 -
JavaScript:对象
@******************************附加1:simple*******************************@ <script> @*在js中并不存在类,所以可以直接通过Object来创建对象 但是使用如下方式创建,带来最大的问题是,由于没有类的约束 无法实现对象的重复利用,并且没有一种约定,在...原创 2019-02-02 11:23:41 · 136 阅读 · 0 评论 -
JavaScript:对象(1)
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ObjectSummarize</title>&原创 2019-02-02 11:25:58 · 266 阅读 · 0 评论 -
JavaScript:浏览器对象 window对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterEightWindow</title>原创 2019-02-02 11:26:52 · 198 阅读 · 0 评论 -
JavaScript:浏览器对象 定时器
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterEightTimer</title>原创 2019-02-02 11:27:52 · 223 阅读 · 0 评论 -
JavaScript:浏览器对象 history对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterEightHistory</title&g原创 2019-02-02 11:28:40 · 225 阅读 · 0 评论 -
JavaScript:浏览器对象 Location对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterEightLocation</title&原创 2019-02-02 11:29:28 · 376 阅读 · 0 评论 -
JavaScript:浏览器对象 Navigator对象 userAgent screen对象
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>ChapterEight</title>原创 2019-02-02 11:30:19 · 348 阅读 · 0 评论 -
JavaScript:DOM的概念
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>DOMConcept</title>&l原创 2019-02-02 11:31:05 · 186 阅读 · 0 评论 -
Web Worker线程进行数据交换
为了与Worker线程交换数据,Worker提供了如下方法:▲postMessage(data):发送消息,提交data数据。Worker提供了一个名为onmessage的事件监听器属性。当程序在前台JavaScript中调用postMessage(data)发送消息时,将会触发Worker线程启动的JavaScript脚本中的onmessage函数;当Worker线程启动的JavaScr...原创 2019-02-24 15:05:47 · 521 阅读 · 0 评论