想实现这么一种功能,用不同的颜色来标记不同的语句成分,即先选择语句成分对应的颜色在对应的语句成分下面画直线,以达到练习英语语法的功能。比如说用红色来表示主语等。
例如:
其中I是主语,用红色标记,love是谓语,用绿色标记,you是宾语,用蓝色标记等等。我们知道,英语语法有主语、谓语、宾语、表语、系动词、状语、定语、补语、同位语、插入语等十种语句成分。这些功能都实现了,但是要有check的功能,也就是检查语法练习是否正确,所以要获取画线上的文本内容,因此也就要用到selection对象。
现在主流的浏览器就是firefox内核,chrome内核,IE内核,所以要考虑到浏览器的兼容性问题。下面就是用到selection对象又考虑到兼容性问题。
function getSelectText(){
if(window.getSelection) //Firefox Safari
{
return window.getSelection().toString();
}
else if(document.getSelection) //Chrome
{
return document.getSelection();
}
else if(document.selection) //IE6 IE7 IE8
{
return document.selection.createRange().text;
}
}
selection对象是document对象的一个子对象,改对象对应于用户在页面中所选择的区域.selection对象的属性和方法定义如下:type属性: 该属性为只读属性.当被选择区域包含文本或其他内容时,type属性返回值为"Text";当被选择区域为空时,type属性返回值为"None".
clear()方法: 该方法清除所选择区域的内容.
empty()方法: 该方法使selection对象为空,即取消选择,并将页面滚动到最顶部.
createRange()方法: 该方法基于用户当前所选择的区域创建TextRange对象,以对被选择区域进行进一步处理.
selection 对象代表了当前激活选中区,即高亮文本块,或文档中用户可执行某些操作的其它元素。selection 对象的典型用途是作为用户的输入,以便识别正在对文档的哪一部分正在处理,或者作为某一操作的结果输出给用户。用户和脚本都可以创建选中区。用户创建选中区的办法是拖曳文档的一部分。脚本创建选中区的办法是在文本区域或类似对象上调用 select 方法。要获取当前选中区,请对 document 对象应用 selection关键字。要对选中区执行操作,请先用 createRange() 方法从选中区创建一个文本区域对象。document.selection.createRange() 根据当前文字选择返回 TextRange 对象,或根据控件选择返回 ControlRange 对象。配合 execCommand,在 HTML 编辑器中很有用,比如:文字加粗、斜体、复制、粘贴、创建超链接等。selection.type 选中内容的类型。