API之range对象

range对象:
是一种fragment(html片断),它包含了节点或文本节点的一部分。一般情况下,同一时刻页面中只可能 
有一个range,也有可能是多个range(使用ctrl健进行多选,不过有的浏览器不允许,例如chrome)。 
可以从selection中获得range对象,也可以使用document.createrange()方法获得
1.getselection():获取页面选中的信息;
2.rangecount:区间数,选中几个内容;
3.selection.rangecount;
4.selection.getrangeat(i);

5.createRange()方法创建range对象;

nbsp;html>        range对象    selection对象和range对象        
     function use() { var html; rangeDiv=document.getElementById("rangeDiv"); selection=document.getSelection(); if(selection.rangeCount>0){ html="您选择了"+selection.rangeCount+"段内容
" ; for(var i=0;i<selection.rangeCount;i++){ var range=selection.getRangeAt(i); html+="第"+(i+1)+"段内容为:"+range+"
"; } rangeDiv.innerHTML=html; } }

登录后复制

更多API之range对象相关文章请关注PHP中文网!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3203362.html

(0)
上一篇 2025年4月1日 08:25:32
下一篇 2025年3月8日 20:02:06

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 将Web APP UI和API分离的4个原因

    除非你的web应用程序是100%的客户端代码,否则你就应该将前后端分离开来。人们常常会陷入这样的陷阱:因为实际工作中经常需要做很大的调整,所以他们不应该花时间开发一个单独的api和客户端应用程序,或者他们认为他们的应用程序太小了,他们跟本不…

    编程技术 2025年4月1日
    100
  • HTML5 桌面通知 Notification API 用法

    前言 notification api 是 html5 新增的桌面通知 api,用于向用户显示通知信息。该通知是脱离浏览器的,即使用户没有停留在当前标签页,甚至最小化了浏览器,该通知信息也一样会置顶显示出来。 用户权限 想要向用户显示通知消…

    2025年4月1日
    100
  • 怎样对vue项目api接口进行管理

    这次给大家带来怎样对vue项目api接口进行管理,对vue项目api接口进行管理的注意事项有哪些,下面就是实战案例,一起来看一下。 默认vue项目中已经使用vue-cli生成,安装axios,基于element-ui开发,axiosconf…

    编程技术 2025年3月31日
    100
  • promise怎样操作微信小程序api

    这次给大家带来promise怎样操作微信小程序api,promise怎样操作微信小程序api的注意事项有哪些,下面就是实战案例,一起来看一下。 promise化的原因 微信小程序的api用的是对象参数回调模式,很容易造成回调地狱,代码难以阅…

    编程技术 2025年3月31日
    100
  • FileReader API的使用

    这次给大家带来FileReader API的使用,FileReader API使用的注意事项有哪些,下面就是实战案例,一起来看一下。 有时候我们需要从文件中读取数据。在以前,你需要将其发送到服务器,然后返回所需的数据。问题是,现在我们还可以…

    2025年3月31日 编程技术
    100
  • 在PHP中如何使用JSONAPI

    这篇文章主要介绍了深入浅析jsonapi在php中的应用,需要的朋友可以参考下 现在服务端程序员的主要工作已经不再是套模版,而是编写基于 JSON 的 API 接口。可惜大家编写接口的风格往往迥异,这就给系统集成带来了很多不必要的沟通成本,…

    编程技术 2025年3月31日
    100
  • API 交互中怎么做好图片验证码

    前言 在传统的 Web 开发过程中,处理图形验证码很简单,只需要在后台用随机字符串生成一个图片,将验证码内容放进 Session 即可,用户提交表单时从 Session[1] 取出判断即可。 但是现如今,越来越推崇 API 交互,无状态,在…

    2025年3月30日
    100
  • PHP开发api接口

    推荐:《php视频教程》                                                         php的api接口 在实际工作中,使用PHP写api接口是经常做的,PHP写好接口后,前台就可以通过链…

    2025年3月30日
    100
  • 设计API接口时,要注意这些地方!

    本篇文章给大家带来了关于api的相关知识,其中主要介绍了设计api需要注意哪些地方?怎么设计一个优雅的api接口,感兴趣的朋友,下面一起来看一下吧,希望对大家有帮助。 前言 在实际工作中,我们需要经常跟第三方平台打交道,可能会对接第三方平台…

    编程技术 2025年3月30日
    100
  • OpenAI 和 Microsoft Sentinel 第 2 部分:解释分析规则

    欢迎回到我们关于 openai 和 microsoft sentinel 的系列!今天我们将探讨 openai 广受欢迎的语言模型的另一个用例,并了解一下 sentinel rest api。如果您还没有 microsoft sentine…

    2025年3月30日 编程技术
    100

发表回复

登录后才能评论