ylbtech-浏览器端-W3School-HTML:HTML DOM Script 对象 1.返回顶部 1. HTML DOM Script 对象 Script 对象 Script 对象表示 HTML <script> 元素. 访问 Script 对象 您可以通过使用 getElementById() 来访问 <script> 元素: var x = document.getElementById("myScript"); 亲自试一试 创建 Script 对象…
ylbtech-浏览器端-W3School-HTML:HTML DOM Video 对象 1.返回顶部 1. HTML DOM Video 对象 Video 对象 Video 对象是 HTML5 中的新对象. Video 对象表示 HTML <video> 元素. 访问 Video 对象 您可以通过使用 getElementById() 来访问 <video> 元素: var x = document.getElementById("myVideo"); 亲自试…
ylbtech-浏览器端-W3School-HTML:HTML DOM Meta 对象 1.返回顶部 1. HTML DOM Meta 对象 Meta 对象 Meta 对象代表 HTML 的 一个 <meta> 元素. <meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述.针对搜索引擎的关键词以及刷新频率. Meta 对象属性 属性 描述 content 设置或返回 <meta> 元素的 content 属性的值. h…
ylbtech-浏览器端-W3School-HTML:HTML DOM Audio 对象 1.返回顶部 1. HTML DOM Audio 对象 Audio 对象 Audio 对象是 HTML5 中的新对象. Audio 对象表示 HTML <audio> 元素. 访问 Audio 对象 您可以通过使用 getElementById() 来访问 <audio> 元素: var x = document.getElementById("myAudio"); 亲自试…
ylbtech-浏览器端-W3School-HTML:HTML DOM Area 对象 1.返回顶部 1. HTML DOM Area 对象 Area 对象 Area 对象代表图像映射的一个区域(图像映射指的是带有可点击区域的图像) 在 HTML 文档中 <area> 标签每出现一次,就会创建一个 Area 对象. Area 对象的属性 属性 描述 accessKey 设置或返回访问某个区域的快捷键. alt 设置或返回当浏览器无法显示某个区域时的替换文字. coords 设置或返回图像映射中…
ylbtech-浏览器端-W3School:HTML DOM cells 集合 1.返回顶部 1. HTML DOM cells 集合 HTML DOM Table 对象 定义和用法 cells 集合返回表格中所有单元格的一个数组. 语法 tableObject.cells[] 实例 下面的例子使用 cells 来显示出第一个单元格的内容: <html> <head> <script type="text/javascript"> function…
ylbtech-浏览器端-W3School-HTML:HTML DOM Textarea 对象 1.返回顶部 1. HTML DOM Textarea 对象 Textarea 对象 Textarea 对象代表 HTML 表单中的一个文本区 (text-area).在表单中 <textarea> 标签每出现一次,一个 Textarea 对象就会被创建. 您可以通过索引相应表单的元素数组来访问某个 Textarea 对象,或者使用 getElementById(). Textarea Object…
ylbtech-浏览器端-W3School-HTML:HTML DOM Table 对象 1.返回顶部 1. HTML DOM Table 对象 Table 对象 Table 对象代表一个 HTML 表格. 在 HTML 文档中 <table> 标签每出现一次,一个 Table 对象就会被创建. Table 对象集合 集合 描述 cells[] 返回包含表格中所有单元格的一个数组. rows[] 返回包含表格中所有行的一个数组. tBodies[] 返回包含表格中所有 tbody 的一个数组.…
ylbtech-浏览器端-W3School-HTML:HTML DOM Style 对象 1.返回顶部 1. HTML DOM Style 对象 Style 对象 Style 对象代表一个单独的样式声明.可从应用样式的文档或元素访问 Style 对象. 使用 Style 对象属性的语法: document.getElementById("id").style.property="值" Style 对象的属性: 背景 边框和边距 布局 列表 杂项 定位 打印 滚动条…
ylbtech-浏览器端-W3School-HTML:HTML DOM Select 对象 1.返回顶部 1. HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表. 在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建. 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById(). Select 对象集合 集合 描述…
ylbtech-浏览器端-W3School-HTML:HTML DOM Object 对象 1.返回顶部 1. HTML DOM Object 对象 Object 对象 Object 对象代表 HTML 的 <object> 元素. <object> 元素用于在网页中包含对象,比如:图像.音频.视频.Java applet.ActiveX.PDF.Flash 等. Object 对象属性 属性 描述 align 设置或返回对象相对于周围文本的对齐方式. archive 设置或返回一…
ylbtech-浏览器端-W3School-HTML:HTML DOM Anchor 对象 1.返回顶部 1. HTML DOM Anchor 对象 Anchor 对象 Anchor 对象表示 HTML 超链接. 在 HTML 文档中 <a> 标签每出现一次,就会创建 Anchor 对象. 锚可用于创建指向另一个文档的链接(通过 href 属性),或者创建文档内的书签(通过 name 属性). 您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚,或者使用 docume…
ylbtech-浏览器端-W3School:JS & DOM 参考手册 1.返回顶部 1. JavaScript 参考手册 本部分提供完整的 JavaScript 参考手册: JavaScript 本地对象和内置对象 Browser 对象(BOM) HTML DOM 对象 JavaScript 对象参考手册 本参考手册描述每个对象的属性和方法,并提供实例. Array Boolean Date Math Number String RegExp Global Browser 对象参考手册 本参考…
ylbtech-浏览器端-W3School-HTML:HTML DOM Base 对象 1.返回顶部 1. HTML DOM Base 对象 Base 对象 Base 对象代表 HTML 的 base 元素. 在 HTML 文档中 <base> 每出现一次,Base 对象就会被创建. Base 对象属性 属性 描述 href 设置或返回针对页面中所有链接的基准 URL. id 设置或返回 <base> 元素的 id. target 设置或返回针对页面中所有链接的默认目标框架. 2.…
ylbtech-浏览器端-W3School-HTML:HTML DOM rows 集合 1.返回顶部 1. HTML DOM rows 集合 HTML DOM Table 对象 定义和用法 rows 集合返回表格中所有行(TableRow 对象)的一个数组,即一个 HTMLCollection. 该集合包括 <thead>.<tfoot> 和 <tbody> 中定义的所有行. 语法 tableObject.rows[] 实例 下面的例子使用了 rows 集合来显示第一行…
ylbtech-浏览器端-W3School-HTML:HTML DOM cells 集合 1.返回顶部 1. HTML DOM cells 集合 HTML DOM Table 对象 定义和用法 cells 集合返回表格中所有单元格的一个数组. 语法 tableObject.cells[] 实例 下面的例子使用 cells 来显示出第一个单元格的内容: <html> <head> <script type="text/javascript"> func…
ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Event 对象 1.返回顶部 1. HTML DOM Event 对象 实例 哪个鼠标按钮被点击? 光标的坐标是? 被按的按键的 unicode 是? 相对于屏幕,光标的坐标是? shift 键被按了吗? 哪个元素被点击了? 哪个事件类型发生了? Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函…
  ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Attribute 对象 1.返回顶部 1. HTML DOM Attribute 对象 HTML DOM 节点 在 HTML DOM (文档对象模型)中,每个部分都是节点: 文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 注释是注释节点 Attr 对象 在 HTML DOM 中,Attr 对象表示 HTML 属性. HT…
ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Element 对象 1.返回顶部 1. HTML DOM Element 对象 HTML DOM 节点 在 HTML DOM (文档对象模型)中,每个部分都是节点: 文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 注释是注释节点 Element 对象 在 HTML DOM 中,Element 对象表示 HTML 元素. El…
ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Document 对象 1.返回顶部 1. HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document…
ylbtech-浏览器端-W3School-JavaScript-Browser: Navigator 对象 1.返回顶部 1. Navigator 对象 Navigator 对象 Navigator 对象包含有关浏览器的信息. 注释:没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象. Navigator 对象集合 集合 描述 plugins[] 返回对文档中所有嵌入式对象的引用. 该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件.Plug-i…
1.服务端 JSONArray jsonArr = JSONUtil.generateObjList(objList); public static generateObjList(List<Obj> objList ){ JSONArray resultArray = new JSONArray(); for (Role role : objList) { JSONObject jsonObj = new JSONObject(); jsonObj.put("id", r…
原文:[SignalR]SignalR与WCF双工模式结合实现服务端数据直推浏览器端 之前开发基于WinForm监控的软件,服务端基于Wcf实现,里面涉及双工模式,在客户端里面,采用心跳包机制保持与服务端链接,现在有了新需求,需要开发网页版形式,所以怎么保持与服务端链接是重要点,由于数据量比较大,所以不能采用客户端发起请求不断轮询的方式.参考各种资料后,使用SignalR,主要是支持WebSockets通信.并且Hub链接方式解决了realtime 信息交换的功能问题. 下图是MSDN关于解释:…
IndexedDB具有以下特点. (1)键值对储存. IndexedDB内部采用对象仓库(object store)存放数据.所有类型的数据都可以直接存入,包括JavaScript对象.在对象仓库中,数据以“键值对”的形式保存,每一个数据都有对应的键名,键名是独一无二的,不能有重复,否则会抛出一个错误. (2)异步. IndexedDB操作时不会锁死浏览器,用户依然可以进行其他操作,这与localStorage形成对比,后者的操作是同步的.异步设计是为了防止大量数据的读写,拖慢网页的表现. (3…
Containjs 1.0 Containjs 是什么? Containjs 是一个基于 Commonjs 模块管理规范的 浏览器端 的 JavaScript 模块加载器(目前为非标准的,代码会持续迭代,现阶段主要提供思路,想集结各路 js 大神一同完善) Containjs 项目地址 Containjs 使用 获取 Containjs 去 gitHub 下载 页面下载文件. 目录结构 Containjs 目前的目录结构非常简单,项目中 JavaScript 都放在一个 "js" 目录…
Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. 话不多说,我们分别来看两个Demo:(欢迎star 欢迎pull request) 1.浏…
Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. talk is cheap,show us the code!话不多说,我们分别来看两个D…
本文主要介绍如何通过拖拽方式在浏览器端实现图片预览,并生成图片的Base64编码. 工具链接:图片转Base64. 首先介绍一下FileReader, FileReader对象允许浏览器使用File或Blob对象异步读取存储在用户计算机上的文件(或数据缓冲区)的内容. 有了FileReader就不需要先把文件发送到服务器端,然后再返回到浏览器端显示这种模式了,可以直接在浏览器端读取文件并显示. DND获取文件 通过对DragAndDrop事件的监听获取文件. z.event.on(listDiv…
JavaScript -- 知识点回顾篇(十一):DOM -- Document 对象 (1) document.activeElement: 返回文档中当前获得焦点的元素. <!doctype html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function my_activeElement() { va…
什么是SeaJS?SeaJS是一款适用于Web浏览器端的模块加载器,它同时又与Node兼容.在SeaJS的世界里,一个文件就是一个模块,所有模块都遵循CMD(Common Module Definition)规范.SeaJS本身遵循(Keep it Simple, Stupid)理念开发,API仅有几个. 为什么用SeaJS?假如我们要开发一个web应用App,在这个应用中需要使用jquery框架.App的首页index.html会用到module1.js,module1.js依赖module2…