html5 range有什么用,HTML5--Range对象概念

Range对象

一个Range对象代表页面上一段连续的区域。通过Range对象，可以获取或修改页面上的任何区域。

range demo

Range与Selection对象的应用

function rangeTest(){

var html;//定义一个html变量来承载div中的内容

showRange = document.getElementById("showRange");

Selection = document.getSelection();//获取selection对象

if(Selection.rangeCount>0){

//判断选取了selection选择了几块区域，firefox浏览器按ctrl键可选择2块区域；safari和chrome只能选择1块区域

html="您选择了"+Selection.rangeCount+"块区域的内容
";

for(var i=0;i

{

var range = Selection.getRangeAt(i); //获取range对象

html+="第"+(i+1)+"段内容为："+range;

}

}

showRange.innerHTML = html;

}