[html5] 学习笔记- 编辑API之Range对象（二）

本节继续介绍range对象的方法,包括cloneRange,cloneContents,extraContents,createContextual,createContextual-Fragment,insertNode,compareBoundaryPoints,collapse,detach方法. 1.cloneRange,cloneContents,extraContents方法 cloneRange:对当前的range对象复制,返回复制的对象 <body> <script>…

[html5] 学习笔记-编辑 API 之 Range 对象（一）

1.Range对象的基本概念一个Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改网页上的任何区域. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function rangeTest(){ var html; sh…

HTML5 页面编辑API之Range对象

在 HTML5 中,一个 Range 对象代表页面上的一段连续区域.通过 Range 对象,可以获取或修改页面上的任何区域.包含获取,修改,删除和替换等操作. 一:获取range对象的值 Range对象提供鼠标选取功能,通过Range对象可以获得选取的内容,以及选取的内容的个数. var s = document.getSelection();//此方法获得选中内容,获取range对象 s.rangeCount;//获得选中个数 function rangeText(){ var e_show…

HTML5编辑API之Range对象

Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var range = document.createRange(); 在html5中,每一个浏览器窗口及每一个窗口中都有一个selection对象,代表用户鼠标在页面中所选取的区域,(注意:经过测试IE9以下的浏览器不支持Selection对象), 可以通过如下语句创建selection对象: var selection = document.getS…

HTML5 编辑 API 之 Range 对象（一）

一.Range 对象基本概念通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <scr…

HTML5 编辑 API 之 Range 对象（二）

1.Range.cloneContents()The Range.cloneContents() returns a DocumentFragment copying the objects of type Node included in the Range. SyntaxdocumentFragment = range.cloneContents(); Examplerange = document.createRange();range.selectNode(document.getEle…

python cookbook第三版学习笔记十一：类和对象(二)调用父类的方法

在子类中调用父类的方法,可以下面的A.spam(self)的方法. class A(object): def spam(self): print 'A.spam' class B(A): def spam(self): print 'B.spam' A.spam(self) if __name__=='__main__': b=B() b.spam() 但是上面的代码有一个问题,如果B的父类变更了,而且有很多子类的父…

Java学习笔记之---API的应用

Java学习笔记之---API的应用 (一)Object类 java.lang.Object 类 Object 是类层次结构的根类.每个类都使用 Object 作为超类.所有对象(包括数组)都实现这个类的方法常用方法 1.equals(Object obj) 指示其他某个对象是否与此对象“相等”. 2.hashCode() 返回该对象的哈希码值 3.toString() 返回该对象的字符串表示 4.getClass() 返回此 Object 的运行时类实例 public class bbb…

html5学习笔记一

HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg” controls=”controls”> 您的浏览器不支持video标签.(提供不支持video元素的浏览器显示) </video> 这个标签有的属性: controls:向用户显示该控件,比如播放.暂停.音量按钮 height,width定义高宽 autoplay:如果出现该属性,则视频在就绪后马上播放 loop:如果出现该属性,完成…

学习笔记：Javascript 变量包装对象

学习笔记:Javascript 变量包装对象如下代码,可以输出字符的长度. var str = "Tony"; str.length; 这时再试试以下代码,返回是 undefined var str = "Tony"; str.a = 5; str.a; 以为包装对象在执行完成后就自动销毁了. 参考资料: http://javascript.ruanyifeng.com/stdlib/wrapper.html http://www.cnblogs.com/dol…

Html5学习笔记1 元素标签属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<…

HTML5学习笔记之表格标签

HTML5学习笔记之表格标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔记之音视频标签一.表格标签 1.作用: 以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.格式: table定义表格 tr定义行 td定义单元格 3.表格中的属性 border: 默认情况下表格的边框宽度为0看不到, 通过border属性给表格…

阅读《LEARNING HARD C#学习笔记》知识点总结与摘要二

今天继续分享我的阅读<LEARNING HARD C#学习笔记>知识点总结与摘要二,仍然是基础知识,但可温故而知新. 七．面向对象三大基本特性: 封装:把客观事物封装成类,并隐藏类的内部实现细节,仅开放相关的访问属性.方法等继承:通过继承可以复用父类的代码: 多态:1.允许将子对象赋值给父对象,2.同方法在不同的对象上有不同的实现方式: 子类初始化顺序:初始化类的实例字段à调用父类构造函数à调用子类构造函数: 重写:父类声明为virtual或abstract的类成员(属性.方法),在子类继…

html5学习笔记5--API Range对象(二)

Range对象之cloneRange和cloneContents 代码效果如下首次点击“选择内容“按钮提示如下接着会显示最后显示以下为整个代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script> fu…

html5学习笔记4--API Range对象(一)

Range对象基本用法效果图如下(在谷歌浏览器下的展示)…

HTML5 学习笔记（一）——HTML5概要与新增标签

目录一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明二.废弃的标签三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3…

HTML5 学习笔记--------》HTML5概要与新增标签！

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTM…

Redis学习笔记一：数据结构与对象

1. String(SDS) Redis使用自定义的一种字符串结构SDS来作为字符串的表示. 127.0.0.1:6379> set name liushijie OK 在如上操作中,name(key)和liushijie(key)就存储在SDS中. SDS数据结构如下: struct sdshdr { // 所保存字符串的长度 int len; // 未使用字节长度 int free; // 字节数组,保存字符串 char buf[]; }; SDS遵循C字符串以'\0'空字符串结尾的惯例,所…

springmvc学习笔记--REST API的异常处理

前言: 最近使用springmvc写了不少rest api, 觉得真是一个好框架. 之前描述的几篇关于rest api的文章, 其实还是不够完善. 比如当遇到参数缺失, 类型不匹配的情况时, 直接抛出异常, 返回的内容是400+的错误页面, 而不是json内容, 这让移动端的调用方很难处理. 本文主要讲述对于rest api, springmvc对异常的解决处理方案. 系列整理: springmvc学习笔记系列的文章目录: • idea创建springmvc项目 • 面向移动端的REST API…

CSS3秘笈第三版涵盖HTML5学习笔记6~8章

第二部分----CSS实用技术第6章,文本格式化指定备用字体: font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时,浏览器会在列表中继续往下搜寻,直到找到备用字体. 若字体名称中包含多个单词,则必须用双引号将它们括起来 font-family:"Times New Roman",Times,serif; sans-serif字体 sans-serif字体看起来干净而简洁,所以常被用于标题.sans-serif字体包括Aria…

HTML5学习笔记（一）：HTML简介

Web前端涵盖的内容较多且杂,主要由3个部分组成:HTML标记语言.CSS样式语言和JavaScript脚本语言组成,而下面我们将先学习最新的标记语言HTML5. <!DOCTYPE>标记 HTML也分为多个版本,为了让浏览器可以确切的知道当前文档使用的HTML版本,就需要添加一个DOCTYPE的标记,目前主要使用的有下面3种版本: HTML 5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD…

CSS3秘笈第三版涵盖HTML5学习笔记1~5章

第一部分----CSS基础知识第1章,CSS需要的HTML HTML越简单,对搜索引擎越友好 div是块级元素,span是行内元素 <section>标签包含一组相关的内容,就像一本书中的章节一样 <aside>标签包含与其周边的内容相关的内容,如纸质杂志上的侧边栏一样 <footer>标签包含通常放在网页底部的一些信息,如版权声明.法律信息.一些网站的导航链接,等等 <nav>标签用来包含重要的导航链接 <figure>标签用于说明图让IE…

[html5] 学习笔记-表单新增的元素与属性（续）

本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. <body> <script> function setValue(){ var label = docume…

python cookbook第三版学习笔记十：类和对象(一)

类和对象: 我们经常会对打印一个对象来得到对象的某些信息. class pair: def __init__(self,x,y): self.x=x self.y=y if __name__=='__main__': p=pair(3,4) print p E:\python2.7.11\python.exe E:/py_prj/python_cookbook/chapter8.py <__main__.pair instance at 0…

JavaScript学习笔记（十四）——对象

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. 标准对象在JavaScript的世界里,万物皆对象. 但是对象与对象之间也有区别.为了区分对象的类型,我们可以用 typeof 操作符来获取对象的类型,它总是返回一个对象的类型: typeof 123; // 'number' typeof NaN; // 'number' typeof…

JavaScript学习笔记（十五）——对象之Date，RegExp

在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/学习. Date 在JavaScript中,Date对象用来表示日期和时间. 系统当前时间: var now = new Date(); now; // Thu Nov 30 2017 20:50:03 GMT+0800 (中国标准时间) now.getFullYear(); // 2017, 年份…