clonenode(clonenode用法)

http://www.itjxue.com  2023-03-03 08:42  来源:未知  点击次数: 

canvas怎么导入word

一、使用的插件

html-docx-js

二、整体思路

因为canvas是运行在内存中的，所以不能简单的通过dom获取canvas图片，需要手动的先将canvas转为image。

三、实现

先克隆要下载的DOM的副本。

因为canvas是运行在内存中的，所以也不能通过cloneNode方法克隆下来（克隆下来是空的）。我们这里将原DOM中的canvas转成图片，然后插入到副本的对应位置，这样操作不会影响原DOM。

将DOM副本传入插件，生成文件对象，并下载下来。

import htmlDocx from 'html-docx-js/dist/html-docx'

/*

步骤1 ：因为canvas是运行在内存中的，所以也不能通过cloneNode方法克隆下来（克隆下来是空的），

所以先克隆再在克隆的dom上进行操作是不可取的。所以需要在原DOM上生成img，

设置display: none从而使图片不影响页面展示，并插入到对应canvas元素之前（为了保证顺序不变）。

*/

const app = document.getElementById('app')

const cloneApp = app.cloneNode(true)

const canvases = app.getElementsByTagName('canvas')

const cloneCanvases = cloneApp.getElementsByTagName('canvas')

const promises = Array.from(canvases).map((ca, index) = {

return new Promise((res) = {

const url = ca.toDataURL('image/png', 1)

const img = new Image()

img.onload = () = {

URL.revokeObjectURL(url)

res()

}

img.src = url

// 插入clone的dom的canvas之前

cloneCanvases[index].parentNode.insertBefore(img, cloneCanvases[index])

})

})

/*

步骤2 ：删除掉canvas元素

*/

// 删除clone的dom中的所有的canvas

const cloneCanvas = cloneApp.getElementsByTagName('canvas')

Array.from(cloneCanvas).forEach((ca) = ca.parentNode.removeChild(ca))

/* 步骤3 ：将dom副本传入插件，生成文件对象，并下载下来 */

Promise.all(promises).then(() = {

const converted = htmlDocx.asBlob(`

!DOCTYPE html

html lang="en"

${document.head.outerHTML}

body

${cloneApp.outerHTML}

/body

/html`)

saveAs(converted, 'test.docx')

})

// 下载文件

function saveAs (blob, fileName) {

const a = document.createElement('a')

const url = URL.createObjectURL(blob)

a.href = url

a.download = fileName

a.display = 'none'

document.body.appendChild(a)

a.click()

document.body.removeChild(a)

URL.revokeObjectURL(url)

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

打开CSDN，阅读体验更佳

Canvas转化为图片下载,导出Word_canvas转word-Javascript文档类...

1.通用的canvas转化图片下载是没有后缀名的,这个可以有;2.因为canvas是页面加载之后才canvas转word更多下载资源、学习资料请访问CSDN文库频道.

继续访问

html5中word文件阅读,使用 HTML5 Canvas 进行数据可视化_汽车之家...

根据W3C HTML5 规范 (),canvas 元素“为脚本提供取决于分辨率的位图画布,该画布可用于动态呈现图形、游戏图形或其他可视图像。”Canvas 实际是在两个 W3C 规范中定义的...

继续访问

Canvas转化为图片下载，导出Word

1.通用的canvas转化图片下载是没有后缀名的，这个可以有； 2.因为canvas是页面加载之后才导出，这样图像就不能导出到word，资源中先把canvas生成的图片放到img中，在隐藏canvas，然后再导出，ok

html-docx-js, 在浏览器中，将HTML文档转换为 DOCX.zip

html-docx-js, 在浏览器中，将HTML文档转换为 DOCX html-docx-js这是一个非常小的库，它是将HTML文档转换为DOCX格式的cap，它由Microsoft和onward使用。 它通过使用称为'altchunks'的特性来在浏览器中执行转换。 简而言之，它允许将内容嵌入到不同的标

最新发布 纯前端导出word文件

jszip-utils是与jszip一起使用的跨浏览器的工具库jszip是一个用于创建、读取和编辑.zip文件的JavaScript库，且API的使用也很简单。FileSaver.js 是在客户端保存文件的解决方案，非常适合需要生成文件，或者保存不应该发送到外部服务器的敏感信息的应用。

继续访问

《web课程》第二节

宋体、黑软雅黑

继续访问

Javascript cloneNode无法克隆事件

cloneNode的使用 var box = document.querySelector('.box'); // 影子克隆: 只克隆节点本身 var box1 = box.cloneNode(false); // 深度克隆: 克隆节点以及所有子节点 var box2 = box.cloneNode(true); 无法克隆非内联事件 使用原生克隆方法之克隆属性和内联事件，对于通过事件...

继续访问

用Canvas实现截取网页内容保存为图片

最近有个客户提出需求，要把报表导出成电子版，什么格式都行。 当时我想啊，转成word、Excel不可取，转成pdf可以完整保留页面样式，所以就找各种html转pdf的插件，也试了pechkin、itextsharp等等，然后就发现一个致命的问题。 我的数据是js绑定的，页面里点和线的高度也是根据参照物在页面中的高度计算的，所以要等数据加载完成后再转换，而这两个插件都没转成功。 所以就想啊，只

继续访问

html5 canvas word,使用 HTML5 Canvas 进行数据可视化

图 1 已设置样式的空白 Canvas 元素使用画布时，您将在 JavaScript 中执行大多数工作，可通过 JavaScript 利用画布绘图上下文公开的 API 来操作图面的每个像素。要获取画布绘图上下文，您需要从 DOM 获得您的 canvas 元素，然后调用该元素的 getContext 方法。var _canvas = document.getElementById('chart');...

继续访问

Python读取本地HTML中的canvas以图片形式存入Word文档

Python读取本地HTML中的canvas以图片形式存入Word文档

继续访问

jQuery wordExport实现网页导出word

最近项目上有个需求，需要把网页的内容导出word中（页面中包含echarts图和表格），通过后台实现需要重新写代码，修改起来太麻烦，于是找到了jquery的wordExport插件。 下载地址： 下载地址：...

继续访问

Echart生成图片、自定义Echart、jquery-word-export 导出word文档

近期开发需求当中的导出word文档技术分享 使用技术： Echart "echarts": "^5.0.2", jquery "jquery": "^3.6.0", jquery.wordexport.js 代码详情 file-saver "file-saver": "^2.0.5", 使用 jquery.wordexport.js 导出的时候需要注意一些样式，只能写行内样式，还可以在 jquery.wordexport.js 内 style变量内写 的位置写例如： var styles = 'ta

继续访问

带样式的文本、表格、echarts图导出到word中整理思路梳理

年前一个需求扔了过来，就是把页面展示的文本、表格、echats图、等等等等，按照页面展示的样子导出到word中，还要纯前端完成。扯皮了很久之后，无奈的开始了各种百度+api的尝试。 一、首先尝试jquery+FileSaver+wordexport的方案 参考demo：wordExport 导出页面word文档格式 - 简书 可以导出页面上的文字和表格，但是样式必须写在行内，否则无效。 二、html-docx-js + raw-loader 方案 安装相关的组件 npm install -...

继续访问

html转word的原理,vue导出html、word原理

vue导出html、word原理日期：2020-06-10来源：程序思维浏览：1313次今天给大家说说如何用vue导出html静态页面和word的原理。由于导出word时，页面样式无法正常使用，因此整体页面采用table布局，仅在几个地方添加style样式，没有其余样式：/*** 当页面中有canvas时，我的做法是* 在页面中预先放置一个src为空的img标签* 点击导出时，将canvas转为b...

继续访问

【已实现】纯前端导出带echarts的word文档，内附完整实现代码

主要利用docxtemplater实现.

继续访问

前端导出word（包含图表）

前端导出word文档，包含（图表），先把canvas转成图片，再导出，还有点问题，不过功能实现了，不用通过后台，看到的大神可以留言提出改进的方法 代码如下： canvas转图片用的是html2canvas插件 Install：npm install html2canvas use:import html2canvas from ‘html2canvas’; vue 组件代码： Vue组件内的js...

继续访问

html5 canvas word,HTML5 Canvas

Canvas 转为图片我们可以使用 Canvas2image 库将 canvas 转换为图片。使用方式如下：Canvas2Image.saveAsImage(canvasObj, width, height, type)Canvas2Image.saveAsPNG(canvasObj, width, height)Canvas2Image.saveAsJPEG(canvasObj, width, ...

继续访问

echarts图表截图保存成word文件的方法

echarts图表截图保存成word文件的方法

继续访问

wordExport导出word时关于echarts图表生成图片的解决方案

一、基本介绍 wordExport是一款基于前端处理生成word的处理方式 在对应页面引入FileSaver.js和jquery.wordexport.js 使用：需生成word的部分.wordExport(文件名,文件样式) 二、echarts相关 一般我们页面存在echarts图表导出word时通常时将其先生成为一张图片，再将其导出，在图表转变图片的这个过程中，经常会出现一些问题，经常会出现导出文档中的echarts图片生成不完整的情况，要么直接是一张破图，要么是一张未加载完成的图片，针对这类问题，

继续访问

js将html转为word文档,js将html导出到word文档（含echarts图表）

需求在开发项目途中遇到了一个需求，就是将一个整个HTML界面导出到word文档，其中包含了echarts图表，经过一番折腾，终于完成了~~~(鸡肋)，过程中用到了几个插件，总结了一下几个步骤，希望可以帮到大家。将插件导入项目顺序一定不能乱，顺序按照图中顺序导入，插件的源码网上搜一下很多的~~~注册echarts图表HTMl代码写一个空的div来存echarts图表js代码这里是引用的官方的例子，这...

继续访问

html画布显示PPT,【前端】有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档？...

目前想实现类似百度文库那样的在线文档预览，但是他们使用的一般都是Flash，而HTML5 canvas可以在大多数情况下代替Flash，那么有没有办法让canvas显示/预览Office文档？如果不用Flash，目前唯一的方法是，用OpenOffice/LibreOffice或者在线服务(比如七牛里面第三方提供的文档转换服务)转换成PDF，然后用Mozilla的pdf.js来在线预览。回答其实不一...

继续访问

js导出页面中的canvas(包括但不限于echart渲染)到doc文档

问题由来 网上好多导出html到pdf的，今天来挑战下自己，试下能不能html导出到doc文档，网上有个方法是用wordexport.js这个库，但是这个库没法导出图片和canvas，那么只好重新找库，下面我们来分析！ 问题分析 我们只需要html中的图片，canvas能导出来即可，其他的简单，那么我们多方查证和测试，发现只有图片能导出到doc，也就是canvas要转换成img格式，图片的url还...

继续访问

canvas转word

echarts

前端

写评论

评论

flash常用命令

===========FLASH脚本语言详解================

- Go to 跳转到指定的帧

- Play 播放

- Stop 停止

- Toggle High Quality 在高画质和低画质间切换

- Stop All Sounds 停止所有声音的播放

- Get URL 跳转至某个超联结

- FSCommand 发送FSCommand命令

- Load Movie 装载影片

- Unload Movie 卸载影片

- Tell Target 告知目标

- If Frame Is Loaded ..判断帧是否被完全载入

- On Mouse Event 鼠标事件

。其他Actions。包括：

- break 跳出循环

- call 调用指定帧（一般喊有某个特定函数）

- comment 注释

- continue 继续循环

- delete 删除一个对象(Object)中的变量

- do while do while循环

- duplicateMovieClip 复制MC

- else 否则(与if联用)

- else if 否则如果(与if联用)

- evaluate 调用自定义函数(Function)

- for for循环

- for .. in 依次取得对象(Object)中的各个属性或者某个数组中的所有元素

- FSCommand 发送FSCommand命令

- function 声明自定义函数

- getURL 跳转至某个超联结

- goto 跳转到指定的帧

- if 如果

- ifFrameLoaded ..帧是否完全被载入

- include 读入外部的ActionScript程序文件(.as)

- loadMovie 装载MC

- loadVariables 转载外部文件中的数据，这些外部文件可以是文本文件，或者是由ASP/CGI等脚本返回的文本值

- on 鼠标事件的触发条件

- onClipEvent MC的事件触发程序

- play 播放

- print 输出到打印机

- removeMovieClip 删除MC

- return 在函数(function)中返回一个值

- set variable 设定变量值

- setProperty 设定属性

- startDrag 开始拖动

- stop 停止

- stopAllSounds 停止所有声音的播放

- stopDrag 停止拖动

- swapDepths 交换两个MC的深度

- tellTarget 指定Action命令生效的目标

- toggleHighQuality 在高画质和低画质间切换

- trace 跟踪调试

- unloadMovie 卸载MC

- var 声明局部变量

- while 当..成立时..

- with 对..对象(Object)做..

。操作符（ Operators）

- ! 逻辑非操作

- != 不等于

- "" 字符串

- % 取余数

- 逻辑与操作

- () 括号

- * 乘号

- + 加号

- ++ 变量自加一

- - 减号

- -- 变量自减一

- / 除号

- 小于

- = 小于等于

- 不等于

- == 相等

- 大于

- = 大于等于

- and 逻辑与

- not 逻辑非

- or 逻辑或

- typeof 返回变量类型

- void 实体,无返回

- | | 逻辑或操作

+ Bitwise Operators 位操作符

- 位与操作

- 位左移

- 位右移

- 位右移(无符号)

- ^ 位异或操作

- | 位或操作

- ~ 补位操作

+ Compound Assign Operators 复合操作符

- %= A%=B 等效于 A=A%B

- = A=B 等效于 A=AB

- *= A*=B 等效于 A=A*B

- += A+=B 等效于 A=A+B

- -= A-=B 等效于 A=A-B

- /= A/=B 等效于 A=A/B

- = A=B 等效于 A=AB

- = A=B 等效于 A=AB

- = A=B 等效于 A=AB

- ^= A^=B 等效于 A=A^B

- |= A|=B 等效于 A=A|B

+ String Operators 字符串操作符（注：实质上是ASCII的比较）

- add 连接两个字符串

- eq A eq B 字符串A值与字符串值B相等

- ge A ge B 字符串A值大于等于字符串B值

- gt A gt B 字符串A值大于字符串B值

- le A le B 字符串A值小于等于字符串B值

- lt A lt B 字符串A值小于字符串B值

- ne A ne B 字符串A值不等于字符串B值

+ Functions 函数

- Boolean 取表达式的布尔值(True 或 False)

- escape 除去URL串中的非法字符，将其参数按照URL编码的格式转化为字符串（String）

- eval 访问并计算表达式(expression）的值，并以字符串（String）的形式返回该值

- false 布尔非值(0)

- getProperty 获取属性

- getTimer 获取从电影开始播放到现在的总播放时间(毫秒数)

- getVersion 获取浏览器的FLASHPlayer的版本号

- globalToLocal 场景(Scene)中的坐标转换成MC中的坐标

- hitTest 测试一个点或者MC是否同另一个交叉（即冲突检测）

- int 把十进制数值强制转换成整数

- isFinite 测试数值是否为有限数

- isNaN 测试是否为非数值

- keycode 返回键盘按下键的键盘值（ASCII值）

- localToGlobal MC中的坐标转换成场景(Scene)中的坐标

- maxscroll 文本框的最大行度

- newline 换行符

- Number 将参数转换成数值其返回值有以下四种情况：

如果 x 为一数字，则返回值即为该数字；如果 x 为一布尔数，则返回0或1；如果 x 为一字符串，则函数将x解释为一个指数形式的十进制数；如果x未定义，则返回0。

- parseFloat 将字符串转换成浮点数

- parseInt 将字符串转换成整数

- random 产生0到指定数间的随机数

- scroll 文本框中的起始滚动行

- String 将参数转换成字符串

- targetPath 返回指定实例MC的路径字符串

- true 布尔是值(1)

- unescape 保留字符串中的%XX格式的十六进制字符

+ String Functions 字符串函数

- chr 将ASCII码转换成相应字符

- length 返回字符串的长度

- mbchr 将ASCII/S-JIS编码转换成相应的多字节字符

- mblength 返回多字节字符串的长度

- mbord 将多字节字符转换成相应的ASCII/S-JIS编码

- mbsubstring 截取多字节字符串中的字串

- ord 将字符转换成ASCII码

- substring 截取字符串中的子串

+ Properties 属性

- _alpha Alpha值(透明度值)

- _currentframe 在MC中的当前帧数

- _droptarget 当使用Start drag拖动一个MC时，实时地返回该MC的绝对路径

- _focusrect 高亮按钮或者某个当前区域的显示与否(True显示/Flase不显示)

- _framesloaded 已载入的影帧数

- _height MC的高度

- _highquality 画质的高低(True高画质/False低画质)

- _name MC的实例名

- _quality 当前画质(字符串值) LOW,MEDIUM,HIGH,BEST

- _rotation MC旋转的角度(单位:度)

- _soundbuftime 声音的缓冲区大小(默认值5,单位:秒)

- _target MC的路径

- _totalframes 总帧数

- _url 电影被调用的URL地址

- _visible 是否可视(True可视/False不可视)

- _width MC的宽度

- _x MC的x坐标

- _xmouse 鼠标的x坐标

- _xscale MC的X轴向缩放度

- _y MC的y坐标

- _ymouse 鼠标的y坐标

- _yscale MC的y轴向缩放度

+ Objects 对象

+ Array 数组

- concat 合并多个数组

- join 将一个数组中的元素转化成字符串，并通过特定的分割符进行联结，并返回结果字符串

- length 返回数组长度

- new Array 新建数组对象

- pop 出栈 (FILO 先入后出)

- push 入栈 (入队列)

- reverse 反相(颠倒数组,及第一个元素和最后一个元素互换……)

- shift 出队列 (FIFO 先入先出)

- slice 截取数组中的子串生成新的数组

- sort 数组元素的排序

- splice 从数组中指定元素起删除指定个数的元素或者删除指定元素

- unshift 从数组头部插入一个元素

+ Boolean 布尔对象

- new Boolean 新建布尔型对象

- toString 将布尔型对象的值转换成字符串值

- valueOf 获取布尔型对象的值(返回值为布尔型)

+ Color 颜色对象

- getRGB 获取颜色值的RGB分量(返回值0xRRGGBB十六进制)

- getTransform 获取颜色值的转换量(返回值 cxform 型) [不太清楚]

- new Color 新建一颜色对象

- setRGB 设置颜色值的RGB分量(参数为0xRRGGBB十六进制)

- setTransform 设置颜色值的转换量(参数为 cxform 型) [不太清楚]

+ Date 时间和日期对象

- getDate 获取当前日期(本月的几号)

- getDay 获取今天是星期几(0-Sunday,1-Monday...)

- getFullYear 获取当前年份(四位数字)

- getHours 获取当前小时数(24小时制,0-23)

- getMilliseconds 获取当前毫秒数

- getMinutes 获取当前分钟数

- getMonth 获取当前月份(注意从0开始:0-Jan,1-Feb...)

- getSeconds 获取当前秒数

- getTime 获取UTC格式的从1970.1.1 0:00以来的秒数

- getTimezoneOffset 获取当前时间和UTC格式的偏移值(以分钟为单位)

- getUTCDate 获取UTC格式的当前日期(本月的几号)

- getUTCDay 获取UTC格式的今天是星期几(0-Sunday,1-Monday...)

- getUTCFullYear 获取UTC格式的当前年份(四位数字)

- getUTCHours 获取UTC格式的当前小时数(24小时制,0-23)

- getUTCMilliseconds 获取UTC格式的当前毫秒数

- getUTCMinutes 获取UTC格式的当前分钟数

- getUTCMonth 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)

- getUTCSeconds 获取UTC格式的当前秒数

- getYear 获取当前缩写年份(当前年份减去1900)

- new Date 新建日期时间对象

- setDate 设置当前日期(本月的几号)

- setFullYear 设置当前年份(四位数字)

- setHours 设置当前小时数(24小时制,0-23)

- setMilliseconds 设置当前毫秒数

- setMinutes 设置当前分钟数

- setMonth 设置当前月份(注意从0开始:0-Jan,1-Feb...)

- setSeconds 设置当前秒数

- setTime 设置UTC格式的从1970.1.1 0:00以来的秒数

- setUTCDate 设置UTC格式的当前日期(本月的几号)

- setUTCFullYear 设置UTC格式的当前年份(四位数字)

- setUTCHours 设置UTC格式的当前小时数(24小时制,0-23)

- setUTCMilliseconds 设置UTC格式的当前毫秒数

- setUTCMinutes 设置UTC格式的当前分钟数

- setUTCMonth 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)

- setUTCSeconds 设置UTC格式的当前秒数

- setYear 设置当前缩写年份(当前年份减去1900)

- toString 将日期时间值转换成"日期/时间"形式的字符串值

- UTC 返回指定的UTC格式日期时间的固定时间值

+ Key 键盘对象

- BACKSPACE Backspace(-)键

- CAPSLOCK CapsLock键

- CONTROL Ctrl键

- DELETEKEY Delete(Del)键

- DOWN 方向下键

- END End键

- ENTER Enter(回车)键

- ESCAPE Esc键

- getAscii 获取最后一个按下或松开的键的对应字符的Ascii码

- getCode 获取最后一个被按下的键的键盘扫描码

- HOME Home键

- INSERT Insert(Ins)键

- isDown 当指定键被按下时返回True值

- isToggled 当Caps lock或者Num Lock键被锁定时返回真（True）

- LEFT 方向左键

- PGDN PageDown(PGDN)键

- PGUP PageUp(PGUP)键

- RIGHT 方向右键

- SHIFT Shift键

- SPACE 空格键

- TAB Tab键

- UP 方向上键

+ Math 数学函数对象

- abs abs(n) 取n的绝对值

- acos acos(n) n的反余弦(返回值单位:弧度)

- asin asin(n) n的反正弦(返回值单位:弧度)

- atan atan(n) n的反正切(返回值单位:弧度)

- atan2 atan2(x,y) 计算x/y的反正切

- ceil ceil(n) 取靠近n的上限的整数(向上取整)

- cos cos(n) 取n的余弦(n的单位:弧度)

- E Euler(欧拉)指数(约为2.718)

- exp 指数

- floor floor(n) 取靠近n的下限的整数(向下取整)

- LN10 ln10(约等于2.302)

- LN2 ln2(约等于0.693)

- log 取自然对数(e为底)

- LOG10E 10为底取E的对数(约等于0.434)

- LOG2E 2为底取E的对数(约等于1.443)

- max 返回两参数中的最大值

- min 返回两参数中的最小值

- PI 圆周率(约等于3.14159)

- pow pow(x,y) x的y次方

- random 产生0-1间的随机数

- round 四舍五入取整

- sin sin(n) 取n的正弦(n的单位:弧度)

- sqrt 开根号

- SQRT1_2 0.5开根号(约等于0.707)

- SQRT2 2开根号(约等于1.414)

- tan tan(n) 取n的正切(n的单位:弧度)

+ MovieClip 影片夹子对象

- attachMovie 产生一个库中MC的实体并将它绑定到某个电影上

- dupicateMovieClip 复制当前MC产生新的MC

- getURL 使浏览器浏览指定页面

- gotoAndPlay 跳转到指定帧并播放

- gotoAndStop 跳转到指定帧并停止播放

- loadMovie 引入一个外部电影到指定层

- loadVariables 引入外部文件中的变量值

- nextFrame 下一帧

- play 播放

- prevFrame 前一帧

- removeMovieClip 删除用duplicateMovieClip创建的MC

- startDrag 开始拖动MC

- stop 停止MC的播放

- stopDrag 停止拖动MC

- unloadMovie 卸载由loadMovie引入的Movie

+ Mouse 鼠标对象

- hide 隐藏鼠标指针

- show 显示鼠标指针

+ Number 数值对象

- MAX_value FLASH5 所允许的最大数值1.79769313486231 e 308

- MIN_value FLASH5 所允许的最小数值5 e -324

- NaN 是否为非数值(Not a Number)

- NEGATIVE_INFINITY 是否为负数

- new Number 新建数值对象

- POSITIVE_INFINITY 是否为正数

- toString 将数值转换成字符串

+ Object 对象

- new Object 新建对象

- toString 转换对象为字符串

- valueOf 返回对象的值

+ Selection 选择区对象

- getBeginIndex 获取可编辑文本区的起始位置,-1表示无可编辑文本区

- getCaretIndex 获取当前的编辑位置,-1表示没有可编辑文本区

- getEndIndex 获取可编辑文本区的结束位置,-1表示无可编辑文本区

- getFocus 获取当前的激活文本区的文本变量名

- setFocus 设置当前的激活文本区

- setSelection 设置可编辑文本的起始位置和终止位置

+ Sound 声音对象

- attachSound 绑定库中的一个声音

- getPan 获取声音的混音值 [不太清楚]

- getTransform 获取当前声音的变换量(返回值类型:sxform) [不太清楚]

- getVolume 获取当前声音的音量(百分比)

- new Sound 新建声音对象

- setPan 设置声音的混音值 [不太清楚]

- setTransform 设置当前声音的变换量(参数类型:sxform) [不太清楚]

- setVloume 设置当前声音的音量(百分比)

- start 开始播放当前声音

- stop 停止播放当前声音

+ String 字符串对象

- charAt 在指定的索引表中返回一个字符

- charCodeAt 在指定的索引表中返回一个字符的代码

- concat 联结合并多个字符串

- fromCharCode 从字符代码组构造出一个新的字符串

- indexOf 在字符串中寻找子串,返回子串起始位置或-1(-1表示未找到)

- lastIndexOf 在字符串中寻找子串,返回子串终止位置或-1(-1表示未找到)

- length 返回字符串的长度

- new String 新建字符串对象

- slice 返回字符串中指定截取的子串

- split 根据限定符将字符串转换成一个数组

- substr substr( start, length ) 返回从start开始，共length长的子串

- substring substring( indexA, indexB ) 返回indexA..indexB之间的子串

- toLowerCase 将字符串中的大写字符全部转换成小写

- toUpperCase 将字符串中的小写字符全部转换成大写

+ XML 可扩充性标记语言对象

- appendChild 添加一个子结点到指定的XML元素

- attributes XML元素的属性数组

- childNodes 一个XML元素的子结点数组

- cloneNode 克隆(复制)当前结点

- createElement 新建一个新的XML元素

- createTextNode 新建一个新的XML文本结点

- firstChild 返回当前XML结点的第一个子结点

- hasChildNodes 当前XML结点是否有子结点(返回true有子结点/flash则无)

- insertBefore 在一个指定的XML元素的子结点前插入一个新的子结点

- lastChild 返回当前XML结点的最后一个子结点

- load 从指定的URL把XML元素引入FLASH中

- loaded 当XML元素引入或是发送同时引入FLASH中后,返回true值

- new XML 新建一个XML对象

- nextSibling 当前XML结点的下一个结点

- nodeName 返回当前XML结点的名字

- nodeType 返回当前XML结点的类型(1-元素,3-文本)

- nodevalue 返回当前XML结点的值(text型返回文本)

- onLoad 当引入或发送同时引入时触发事件

- parentNode 返回当前XML结点的父结点

- parseXML 将XML字符串转换成XML对象

- previousSibling 当前XML结点的前一个结点

- removeNode 从XML文本中删除结点

- send 从FLASH中把一个XML元素发送到指定的URL地址

- sendAndLoad 从FLASH中把一个XML元素发送到指定的URL地址同时引入XML结果

- toString 把XML对象转换为XML字符串表达

+ XMLSocket XML套接口

- close 关闭一个XML套接口

- connect 连接一个XML套接口,指定URL,并定义其端口号

- new XMLSocket 建立一个新的XML套接口

- onClose 关闭XML套接口时触发事件

- onConnect 连接XML套接口时触发事件

- onXML 从服务器上获取XML时触发事件

- send 发送XML给服务器

JS代码中div的复制怎么实现

用cloneNode

定义和用法

cloneNode() 方法可创建指定的节点的精确拷贝。

此方法可返回所复制的节点。

语法：

nodeObject.cloneNode(include_all)参数 描述

include_all 必需。假如逻辑参数被设置为真，那么被克隆的节点会克隆原节点的所有子节点。

返回值

当前节点的副本。

说明

该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。

返回的节点不属于文档树，它的 parentNode 属性为 null。

当复制的是 Element 节点时，它的所有属性都将被复制。但要注意，当前节点上注册的事件监听器函数不会被复制。

js里面怎样复制dom节点呢？

获取dom节点，使用document.getElementById

调用dom节点的cloneNode方法，如:node.cloneNode();

javaScript中table表任意复制一行怎么实现JS

table表任意复制一行的关键是复制哪行，插入到什么位置，如何插入。

第 一个问题复制哪行，通常是点击某一行以确定复制的当前行，核心代码如下：

var e = window.event

if (e.target) targ = e.target

else if (e.srcElement) targ = e.srcElement

if (targ.nodeType == 3)

targ = targ.parentNode

if(targ.tagName=="TD")

第 二个问题插入位置，通常是点击行的下面

pos = targ.parentNode.rowIndex+1

也有可能在表头首行pos =0

再就是表尾"beforeEnd"

第三个问题如何插入,先复制当前行：

var con = targ.parentNode.cloneNode(true);

再进行插入，可以是insertRow，也可以是insertAdjacentElement：

var x=document.getElementById('myTable').insertRow(pos)；

document.getElementById('myTable').insertAdjacentElement("beforeEnd",con);

复制之后可对复制行里的内容进行修改调整：

var y=x.insertCell(0).innerHTML=document.getElementById("cell1").value

也可进行删除指定行：

document.getElementById('myTable').removeChild(Obj.parentNode.rows[i]);

(责任编辑：IT教学网)

更多

阅读排行

推荐淘宝营销文章

最新更新淘宝营销