开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用java脚本突出显示div中特定字符串的所有出现？

要使用Java脚本突出显示div中特定字符串的所有出现，可以使用以下方法：

使用JavaScript和CSS：

在HTML文件中，首先需要引入JavaScript和CSS。然后，在JavaScript中编写一个函数，该函数将查找指定字符串并将其突出显示。

<!DOCTYPE html>
<html>
<head><style>
  .highlight {
    background-color: yellow;
  }
</style><script>
  function highlightText(text, searchString) {
    const regex = new RegExp(searchString, 'gi');
    return text.replace(regex, (match) => `<span class="highlight">${match}</span>`);
  }

  function highlightDivText(divId, searchString) {
    const div = document.getElementById(divId);
    div.innerHTML = highlightText(div.innerHTML, searchString);
  }
</script>
</head>
<body>
  <div id="myDiv">
    这是一个测试文本，其中包含需要突出显示的字符串。
  </div>
 <button onclick="highlightDivText('myDiv', '突出显示')">突出显示字符串</button>
</body>
</html>

在上面的示例中，我们创建了一个名为highlightText的函数，该函数接受要搜索的文本和要突出显示的字符串。该函数使用正则表达式查找字符串，并使用span元素和highlight类将其包装起来。

使用Java和JavaScript：

如果您需要在Java应用程序中使用JavaScript来突出显示div中的特定字符串，可以使用JavaFX的WebEngine组件。

首先，创建一个HTML文件，其中包含JavaScript函数，如上面的示例。

然后，在JavaFX应用程序中，使用WebEngine加载HTML文件，并在需要时调用JavaScript函数。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class HighlightTextApp extends Application {

    @Override
    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();
        webEngine.load("highlight.html");

        Scene scene = new Scene(webView, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.show();

        webEngine.executeScript("highlightDivText('myDiv', '突出显示')");
    }

    public static void main(String[] args) {
        launch(args);
    }
}

在上面的示例中，我们创建了一个JavaFX应用程序，并在其中加载了highlight.html文件。然后，我们使用WebEngine的executeScript方法调用highlightDivText函数，以突出显示指定的字符串。

这些方法可以帮助您使用Java脚本突出显示div中特定字符串的所有出现。

相关搜索:如何突出显示div中显示的字符串中的特定文本？如何动态滚动焦点特定突出显示的div 突出显示JTextArea中的特定文本- Java 如何突出显示div中的搜索文本查找Vim中的特定字符串使用了哪种突出显示使用python突出显示图像中的特定文本如何使用Python突出显示pdf中的特定行/文本如何打开vim脚本中的搜索突出显示？如何在段落中突出显示特定的单词在终端中突出显示出现的特定关键字用于突出显示字符串中字符的java方法如何使用javascript/jQuery显示特定div中的内容如何使用JavaScript/jQuery选择(突出显示)表中的所有文本？使用getJSON显示div中的所有对象如何在Flutter中突出显示特定字母的文本？如何使用java脚本在单击按钮时显示特定表单如何在jquery中显示特定的div？突出显示特定单元格中某个单词的所有实例如何突出显示Emacs缓冲区中所有单词的出现次数？如何删除shell脚本中字符串中所有出现的点？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Kotlin实战【二】Kotlin基本要素

本章我们将学习怎么用kotlin声明任何程序都存在的基本要素：变量、函数、类以及属性的概念

02

使用 Snyk 防止 Java 应用程序中的跨站点脚本 (XSS)

Java 是一种强大的后端编程语言，也可用于为 Web 应用程序编写 HTML 页面。但是，开发人员在创建这些页面时必须了解与跨站点脚本 (XSS) 攻击相关的潜在安全风险。随着现代模板框架的兴起，通过适当的输入验证和编码技术防止安全攻击变得更加容易。然而，当开发人员选择在不使用模板框架的情况下创建自己的 HTML 页面时，引入漏洞的风险就会增加。

03

JavaScript学习总结(一)——ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

一、JavaScript简介 JavaScript是一种解释执行的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，它遵循ECMAScript标准。它的解释器被称为JavaScript引

07

JavaScript学习总结(一)——ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）

JavaScript是一种解释执行的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，它遵循ECMAScript标准。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，主要用来给HTML增加动态功能。

04

JavaWeb02-CSS，JS（Java真正的全栈开发）

css&javascript 一.CSS 1.CSS介绍 CSS 指层叠样式表 (Cascading Style Sheets),用来定义网页的显示效果。 把样式添加到HTML中，可以将网页内容与显

XSS防御速查表

一、介绍本文提供了一种通过使用输出转义/编码来防止XSS攻击的简单有效模型。尽管有着庞大数量的XSS攻击向量，依照下面这些简单的规则可以完全防止这种攻击。这篇文章不会去研究XSS技术及业务上的

06

JavaScript基础系列

typeof检测变量的类型，变量的类型取决于变量的类型，变量是没有类型的。返回值：string,number,等。

05

Django之XSS攻击

xss跨站脚本攻击（Cross site script，简称xss）是一种“HTML注入”，由于攻击的脚本多数时候是跨域的，所以称之为“跨域脚本”。　　我们常常听到“注入”（Injection），如SQL注入，那么到底“注入”是什么？注入本质上就是把输入的数据变成可执行的程序语句。SQL注入是如此，XSS也如此，只不过XSS一般注入的是恶意的脚本代码，这些脚本代码可以用来获取合法用户的数据，如Cookie信息。 PS：把用户输入的数据以安全的形式显示，那只能是在页面上显示字符串。 django框架中给数据标记安全方式显示(但这种操作是不安全的！)：　- 模版页面上对拿到的数据后写上safe. ----> {{XXXX|safe}} 　- 在后台导入模块：from django.utils.safestring import mark_safe 　把要传给页面的字符串做安全处理 ----> s = mark_safe(s)

02

C# 正则表达式

最近写爬虫时需要用到正则表达式，有段时间没有使用正则表达式现在渐渐感觉有些淡忘，现在使用还需要去查询一些资料。为了避免以后这样的情况，在此记录下正则表达式的一些基本使用方法附带小的实例。让以后在使用时能一目了然知道他的使用，为开发节约时间，同时也分享给大家。

01

【基本功】前端安全系列之一：如何防止XSS攻击？

当当当当，我是美团技术团队的程序员鼓励师美美～“基本功”专栏又来新文章了，这次是一个系列，一起来学习前端安全的那些事。我们将不断梳理常见的前端安全问题以及对应的解决方案，希望可以帮助前端同学在日常开发中不断预防和修复安全漏洞，Enjoy Reading！

01

Spring Web MVC框架（十二）使用Thymeleaf

前面的例子我们使用的视图技术主要是JSP。JSP的优点是它是Java EE容器的一部分，几乎所有Java EE服务器都支持JSP。缺点就是它在视图表现方面的功能很少，假如我们想迭代一个数组之类的，只能使用<% %>来包括Java语句进行。虽然有标准标签库（JSTL）的补足，但是使用仍然不太方便。另外JSP只能在Java EE容器中使用，如果我们希望渲染电子邮件之类的，JSP就无能为力了。

01

Java魔法堂：深入正则表达式API

目录　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　一、前言二、正则表达式的使用诉求三、java.util.regex包四、java.lang.String实例五、最短路径实现诉求六、Java支持的正则表达式功能语法七、总结八、参考一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　正则表达式作为文本处理的利器，早已成为各大语言的必要装备，但各语言对其的实现程度（功能语法支持程度）和API设计均有所差异，本篇将目光投向java原生类库中提供的正则表达式API

05

webview中用到的Javascript 博客分类： Javascript JavaScriptjsonwebkitjQuery框架

以前在博文中提到过，在 webview 中使用 jQuery 等框架，很影响网页加载速度，所以我都是使用纯 Javascript 来写页面脚本。在开发 webview 程序过程中，经常用到了一些东西，总结一下：

01

JavaScript学习笔记（一）——JS基础知识介绍

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

02

JavaScript Sanitizer API：原生WEB安全API出现啦

10月18号， W3C中网络平台孵化器小组（Web Platform Incubator Community Group）公布了HTML Sanitizer API的规范草案。这份草案用来解决浏览器如何解决XSS攻击问题。

02

仅用18行JavaScript构建一个倒数计时器

因此，事不宜迟，这里介绍了如何仅用18行JavaScript来制作自己的倒计时时钟。

01

手把手教你用Python脚本调用 DeepL API Pro 进电子书的行进行中英文自动翻译

前几天有个叫【张茜】的粉丝找我看了一个代码，关于电子书中英文自动翻译的，感觉挺有意思，这里拿出来给大家分享下。

03

你知道什么是标签函数么？

不同于一般函数形如fn(argA, argB)的执行方式，标签函数可以直接跟在模版字符串前面，比如：

01

Shell脚本

Shell 脚本是运行在 shell 环境中的脚本语言，用于自动执行重复性任务、管理系统配置、以及通过编写脚本和运行脚本来执行一系列命令。shell 脚本可以帮助我们完成系统管理、软件安装、文件操作等需求。

01

正则表达式教程：实例速查

正则表达式（regex 或 regexp）在文本信息提取方面是非常有用的工具，通过查询一个或多个特定搜索模式的匹配实现（例如，特定的ASCII或unicode字符序列）。

03

前端学习笔记

1.css简介用来修饰html样式的一种语言，层叠样式表增强复用性方便后期维护 2.css样式引入方式： (1)内嵌方式

03

软件安全性测试（连载4）

XSS测试就是在容易出现XSS注入的地方输入被测代码，提交后观察其显示是否会触发JavaScript脚本。常用的XSS测试JavaScript脚本主要就下面两个。

02

如何使JavaScript更高效

传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。

01

ASP.NET验证控件学习总结与正则表达式学习入门

在做Web应用程序的时候，因为用户有可能输入各式各样的信息，经常需要大量的数据验证，如果交给服务器去验证的话，无疑会增加服务器的压力，而且也容易造成程序的异常。甚至导致网站出现一些安全问题。因此我们在将这些信息保存到网站的数据库之前,要对这些用户所输入的信息进行数据的合法性校验,以便后面的程序可以安全顺利的执行。

03

【JS】JavaScript 基础入门

theme: healer-readable highlight: a11y-dark

03

JMeter中的一些实用功能，你了解吗？

jmeter这个测试工具在测试界十分常用，我们经常会利用它进行一些测试。其中，有一些组件，我们在一般的测试中可能不常使用，但却十分方便，可以为我们的测试工作提供很大的帮助。现在就让我们来看一看JMeter中几个非常实用的功能。

02

正则表达式入门 — 一个通过例子来说明的备忘单

正则表达式（regex 或 regexp）在通过搜索特定搜索模式的一个或多个匹配（即 ASCII 或 unicode 字符的特定序列）从任何文本中提取信息时非常有用。

02

Selenium面试题

自动化测试使用自动化工具来编写和执行测试用例，执行自动化测试套件不需要人工参与。测试人员更喜欢自动化工具来编写测试脚本和测试用例，然后组合成测试套件。自动化测试允许使用专门的工具来自动执行手动设计的测试用例，而无需任何人工干预。自动化测试工具可以访问测试数据，控制测试的执行并将实际结果与预期结果进行比较。因此，生成被测系统的详细测试报告。

01

JavaWeb day3 JavsScript 入门

==JavaScript 是一门跨平台、面向对象的脚本语言==，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。

01

PHP基础面试题 - 第九天

javacript 答案：alert($("div:eq(1)").attr("attr"));

02

关于后端代码的总结_辐射4最强防具代码

JavaScript 是脚本语言，是一种解释性脚本语言(代码不进行预编译) JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行 JavaScript 很容易入门

02

JSON和AJAX知识点整理

JSON和AJAX知识点整理 JSON 导入json的依赖 JavaBean与Json之间的相互转换首先导入Gson的依赖演示: List集合和json相互转换 list集合转化为json时，可以直接转，但是json字符串转化为list集合的时候，需要写一个类继承TypeToken<>,并在其泛型里面，填入要转换的list集合类型，具体步骤看下面: json和map相互转换---转换为map集合，和上面步骤一样使用匿名内部类减少创建类带来的资源损耗 AJAX-----Jquery方式 1.$

01

JavaWeb day3 JavaScript入门

JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。

02

[Python从零到壹] 四.网络爬虫之入门基础及正则表达式抓取博客案例

随着互联网的迅速发展，万维网成为大量信息的载体，越来越多的网民可以通过互联网获取所需的信息，同时如何有效地提取并利用这些信息也成为了一个巨大的挑战。搜索引擎（Search Engine）作为辅助人们检索信息的工具，它成为了用户访问万维网的入口和工具，常见的搜索引擎比如Google、Yahoo、百度、搜狗等。但是，这些通用性搜索引擎也存在着一定的局限性，比如搜索引擎返回的结果包含大量用户不关心的网页；再如它们是基于关键字检索，缺乏语义理解，导致反馈的信息不准确；通用的搜索引擎无法处理非结构性数据，图片、音频、视频等复杂类型的数据。

01

年度重大升级，IntelliJ IDEA 2019.2 稳定版发布

文章转载自 OSCHINA 社区 [http://www.oschina.net]

01

Python自定义HtmlTestRunner测试报告

简述使用selenium webdriver + Python做自动化测试，执行完成后要生成测试报告，Python我们使用的HTMLtestrunner 进行生成，但是默认提供的生成报告内容，并不能满足我们的需求，怎么才能让测试报告数据更清晰，内容更丰富呢。对于一些人来说，可能已经重写了报告生成方式，放弃使用HTMLtestrunner。但是对于python小白可能还做不到，只能用现有东西进行展示，那么下面简单介绍通过修改HTMLtestrunner去实现想要的内容。先通过两张图片对比

08

Linux命令篇（二）：文档编辑部分

rgrep命令等同于 grep -r 命令，主要是用于递归查找文件里符合条件的字符串，基本语法格式如下：

01

被网页挂马攻击的几个要素_网站挂马检测工具箱书籍

网马的本质是一个特定的网页，这个网页包含了攻击者精心构造的恶意代码，这些恶意代码通过利用浏览器（包括控件、插件）的漏洞，加载并执行攻击者指定的恶意软件（通常是木马）。网站挂马是黑客植入木马的一种主要手段。黑客通过入侵或者其他方式控制了网站的权限，在网站的Web页面中插入网马，用户在访问被挂马的网站时也会访问黑客构造的网马，网马在被用户浏览器访问时就会利用浏览器或者相关插件的漏洞，下载并执行恶意软件。其本质是利用浏览器和浏览器控件、插件的漏洞，通过触发漏洞获取到程序的执行权限，执行黑客精心构造的shellcode。

02

前端语言基础【第二篇：JavaScript】

在js里面需要获取到input里面的值，如果把script标签放到head 里面会出现问题。

02

资源 | 正则表达式的功法大全

正则表达式（regex 或 regexp）对于从文本中抽取信息极其有用，它一般会搜索匹配特定模式的语句，而这种模式及具体的 ASCII 序列或 Unicode 字符。从解析/替代字符串、预处理数据到网页爬取，正则表达式的应用范围非常广。

04

Loadrunner中web_find和web_reg_find函数的使用与区别

总结一下Loadrunner中的检查点函数，主要介绍两个函数：web_find（）和web_reg_find（）；这两个函数均用于内容的查找，但两者也有本质的区别，具体介绍如下：一、web_find（）函数该函数的作用是“从HTML页面中查找指定的文本字符串”常用参数及含义如下：

02

Python带你薅羊毛：手把手教你揪出最优惠航班信息

在现实生活中，爬虫的用途完全取决于你。我曾经用它安排过两次假期旅行，还搜索过一些回我老家的短途航班信息。

02

告别 XSS！新的 W3C 提案助你安全操作 DOM

Sanitizer API 是一个新的提案，目标是构建一个强大的处理器，以便将任意字符串更安全地插入到 HTML 页面。

02

Flask 快速入门

Flask是一个Python编写的Web 微框架，让我们可以使用Python语言快速实现一个网站或Web服务。本文参考自Flask官方文档，大部分代码引用自官方文档。安装Flask 首先我们来安装F

jsp el jstl_servlet还有人用吗

EL表达式的作用:EL表达式主要是代替jsp页面中的表达式脚本在jsp页面中进行数据输出。因为EL表达式在输出数据的时候，要比jsp表达式脚本要简洁的多格式 $(表达式)

06

使用 HTML、CSS、JavaScript 创建一个简单的井字游戏

使用 javascript 创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。此外，你可以和你的朋友一起玩，或者只是向他们展示你做的小东西，他们也会感到很有趣的。在今天的博文中，我们将使用 HTML、CSS 和 Javascript 创建一个井字游戏。

02

Javascript(1)-js入门

这里主要指字符串的各种函数 str.length() 获取字符串长度 str.charAt(index)获取指定位置的字符 str.indexOf(char)获取指定字符在字符串中出现的位置 str.lastIndexOf(char)获取指定字符在字符串中最后出现的位置 str.substring(start, end)截取字符串 str.slice(start, end)截取字符串

04

javaScript学习笔记（一）js基础

JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。

03

对于初学者来说，有哪些好的 Python 示例？

在本文中，我们将在本文中为初学者学习一些有用的基本Python示例。本文还包括在python面试中提出的一些基本问题。让我们开始吧!!!

04

document.getElementById 学习总结「建议收藏」

<%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html> <head> <script language=”javascript”> alert(“hello!!!”); </script> </head>

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭