Javascript实现划词标记+划词搜索功能代码实例

最新推荐文章于 2024-08-05 21:07:46 发布
最新推荐文章于 2024-08-05 21:07:46 发布
阅读量459 收藏 1
点赞数
文章标签： JavaScript 搜索引擎 网页游戏 影视 游戏 ViewUI
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<title>Javascript实现划词标记+划词搜索功能代码实例</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
</head>
<body>

<SCRIPTlanguage=javascript>
<!--
document.body.οnlοad=adddiv;
document.οnmοusedοwn=recordobj;
document.οndblclick=dbclick;
document.οnmοuseup=showselect;
varstarobj,isdb=false,allow=true;
functionisallow()
{
if(allow){
allow=false;
alert('isclosed');
}
else{
allow=true;
alert('isopend');
}
}
functiondbclick()
{
isdb=true;
}
functionrecordobj()
{
starobj=event.srcElement;
}
functionshowselect(){
varstr="";
if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==starobj&&!isdb&&allow)
{
varoText=document.selection.createRange();
if(oText.text.length>0)
{
str=oText.text;
oText.text="BuB"+oText.text+"EuE";
}

oText.select();
event.srcElement.innerHTML=event.srcElement.innerHTML.replace("BuB","<ustyle='FONT-WEIGHT:bold;COLOR:#ff3366'>").replace("EuE","</u>");
}
searchgoogle(str)
isdb=false;
}
functionsearchgoogle(str)
{
varobj=document.getElementById("searchgoogle");
if(str.length>0)
{
obj.style.display="block";
obj.style.position="absolute";
obj.style.zindex=999;
obj.style.posTop=document.body.scrollTop+event.y-25;
obj.style.posLeft=document.body.scrollLeft+event.x+5;
obj.style.widht=80;
obj.innerHTML="<atarget=_blankhref=http://www.google.com/search?ie=UTF-8&oe=UTF-8&q="+str+"style='BORDER-RIGHT:royalbluethinsolid;BORDER-TOP:royalbluethinsolid;FONT-WEIGHT:bold;BORDER-LEFT:royalbluethinsolid;CLIP:rect(autoautoautoauto);COLOR:#ffffff;BORDER-BOTTOM:royalbluethinsolid;BACKGROUND-COLOR:inactivecaption;TEXT-DECORATION:none'>点击搜索</a>";
}
else
{
obj.style.display="none";
}
}
functionadddiv()
{
varmobj=document.createElement("div");
mobj.id="searchgoogle";
document.body.appendChild(mobj);
}
//-->
</SCRIPT>
<INPUTtype="button"οnclick="isallow()"value="关闭/打开划词功能">
<p>www.7gz.cn“七歌搜索”是一款简单易用的搜索辅助程序。整合了100多家中文搜索引擎的海量资源，涵盖网页、音乐、影视、软件、图片、小说、新闻、论坛、游戏、Flash、地图、购物、商业等10多个搜索主题，为您提供最全面的搜索结果</p>
</body>
</html>
iteye_6481
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页划词标记划词搜索功能.rar
07-05
总的来说，"网页划词标记划词搜索功能"是一个利用JavaScript技术提升网页用户体验的功能，它结合了划词标记、划词搜索以及可能的表格和图层特效。通过解压并分析提供的"说明.htm"和"index.htm"文件，我们可以深入...
原生JavaScript实现日历功能代码实例(无引用Jq)
10-16
在本文中，我们将探讨如何使用原生JavaScript实现一个简单的日历功能，无需依赖jQuery库。这个日历功能允许用户在移动端查看和切换不同月份的日历视图。我们将会分析HTML、CSS和JavaScript代码，了解它们如何协同...
js如何实现一个通用的“划词高亮”在线笔记功能
一个有趣、有料、有内涵的地方!
02-15 712
这篇文章主要介绍了js如何实现一个通用的“划词高亮”在线笔记功能，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 1. 什么是...
javascript实现划词标记+划词搜索功能代码实例
u011425213的专栏
07-17 1843
Untitled Document          document.body.onload=adddiv;  document.onmousedown=recordobj;  document.ondblclick=dbclick;  document.onmouseup=showselect;  var starobj,isdb=false,allow=true; 
原生JavaScript轮播图功能的实现
欢愉码农的博客
06-13 1606
class = "current" 用于定位当前显示图片所在位置。
前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs）
热门推荐
qq_44891434的博客
01-29 1万+
前端面试+学习笔记（HTML+CSS+JavaScript+ES6+Vue+NodeJs） 一. HTML 1. 盒子模型 是什么：每个元素被表示为一个矩形的盒子，有四个部分组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）。它在页面中所占的实际大小（宽高）是content+padding+border+margin之和。 盒模型有两种：标准盒模型（W3C盒模型）、IE盒模型。 两种盒模型的区别：标准盒模型内容大小就是content大小、而IE
【前端】javascript+html+css 家具销售网站（代码+报告）
测试开发自动化
07-31 2888
顶部导航栏：网页顶部固定了一个导航栏，包含了首页、图表页和个人页面的链接。用户可以通过导航栏快速浏览和访问不同的页面。搜索功能：导航栏中提供了一个搜索框，用户可以输入关键字并提交搜索。这样用户可以快速搜索与橱柜相关的内容。个人信息展示：网页中心部分展示了一个个人信息容器，包括个人照片、姓名、性别和爱好等信息。这样用户可以了解到该人物的基本信息。响应式布局：网页采用了响应式设计，可以适应不同尺寸的屏幕和设备。无论是在桌面电脑、平板电脑还是移动设备上，页面都能呈现出良好的可读性和布局。
html+css+JavaScript实现爱恩斯坦棋游戏
qq_52537838的博客
01-02 3852
title: “html+css+JavaScript实现爱恩斯坦棋游戏” author: Sun-Wind date: December 30, 2021 背景：本贴将基于前端的语言实现爱恩斯坦棋游戏的实现。 小声BB：查了一下，这应该是全网第一个基于前端语言实现爱恩斯坦棋的贴，应该是开端了。 #效果图 考虑到大家可能还不了解爱恩斯坦棋（其实点进来或多或少应该已经有了解过了吧） 理论上还是应该要介绍一下才对 规则如下： 棋盘为5×5的方格形棋盘，方格为棋位，左上角为红方出发区；右下角为蓝方出发.
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】
@花无缺
09-23 3312
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
huidaoli
07-04 1362
最近做了一个项目，需要用子域名调用主域名下的一个现有的功能，于是想到了用jsonp来解决，在我们平常的项目中不乏有这种需求的朋友，于是记录下来以便以后查阅同时也希望能帮到大家,需要了解的朋友可以参考下 很庆幸，我又见到了末日后新升的太阳，所以我还能在这里写文章，言归正传哈，最近做了一个项目，需要用子域名调用主域名下的一个现有的功能，于是想到了用jsonp来解决，在我们平常的项目中不乏有这种需求的...
高德地图实现聚合点功能实例
觉醒法师的专栏
05-13 7694
在使用高德地图时，有时会出现海量数据展示，这里就不得不使用聚合点功能，减少页面初始化过程中加载过多数据而导致卡顿现象。
html、scss、js实现登录与注册功能实例代码
01-20
最后，JavaScript（JS）负责实现动态交互和功能。虽然在提供的内容中没有直接展示JavaScript代码，但在实际项目中，JS通常用于处理用户输入验证、表单提交、页面间切换等功能。例如，你可以使用JavaScript监听按钮...
基于html+css+js实现简易计算器代码实例
11-20
在本实例中，我们将探讨如何使用HTML、CSS和JavaScript实现一个简单的计算器。首先，让我们从HTML结构开始。HTML（超文本标记语言）是网页的基本框架，用于定义页面内容和布局。 ```html <!DOCTYPE html> , ...
Javascript实现滚动图片新闻的实例代码
12-01
在这个实例中，我们看到的是一段JavaScript代码，用于实现一个滚动图片新闻的效果。这个功能通常出现在网站的首页或者新闻栏目，以展示多张图片新闻，并自动进行轮播。 首先，我们看到两个变量被声明： 1. `index`...
搜索引擎设计：如何避免大海捞针般的信息搜索
lssffy的博客
08-04 988
本文详细探讨了搜索引擎设计中的各个环节，从信息获取、索引建立、查询处理、结果排序到性能优化，全面解析如何避免大海捞针般的信息搜索。通过合理的设计和优化，可以构建一个高效、准确、可靠的搜索引擎系统，为用户提供优质的信息检索服务。希望本文能为搜索引擎设计提供有价值的参考和指导。
Elasticsearch（高性能分布式搜索引擎）-上篇
最新发布
weixin_49429082的博客
08-05 734
首先简单介绍了elasticsearch，后又了解了索引库的操作、文档操作以及JavaRestClient
使用 Python 制作一个属于自己的 AI 搜索引擎
weixin_46376562的博客
08-03 1120
使用Google和Bing的搜索结果交由OpenAI处理并给出回答。
Unity dots IJobParallelFor并行的数据写入问题
u014716849的博客
08-05 73
上面的写法会报ReadWriteBuffers are restricted to only read & write the element at the job index错误，这是出于性能和线程安全的考虑，Unity Job System限制了每个Job只能访问或修改由Job索引指定的单个元素,因此这里非index索引下的数据写入收到了限制。
JavaScript逻辑运算符实例：HTML+CSS+JS基础
CSS（Cascading Style Sheets）和JavaScript一起协作，提供网页的样式和动态功能。JavaScript涉及到变量、数组、表达式、运算符、流程控制（如if-else语句）以及函数的使用。函数允许代码模块化，内置对象和浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值