简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Pure JavaScript code to implement text comparison tool_javascript skills

WBOY
Release： 2016-05-16 15:15:16
Original
1593 people have browsed it

Previous project requirements required writing a pure JS text comparison tool. Here I will share the code on the Script Home platform for your reference. The algorithm needs to be optimized. Please forgive me for the poor writing of this article.

First the renderings:

The code is as follows:

Save the source code as a file in html format and run it directly

<!doctype html>
<html>
<head>
<title>文本比较工具</title>
<style type="text/css">
*{padding:px;margin:px;}
html,body{
overflow-y: hidden;
}
.edit_div{
border: px solid #CCCCCC;
overflow: auto;
position: relative;
}
.edit_div textarea{
resize:none;
background: none repeat scroll transparent;
border: none;
width: %;
height:px;
overflow-y: scroll;
position: absolute;
left: px;
top: px;
z-index: ;
font-size: px;
white-space: pre-wrap;
word-wrap: break-word;
word-break:break-all;
}
.edit_div pre{ 
overflow-y: scroll;
white-space: pre-wrap;
word-wrap: break-word;
word-break:break-all;
width: %;
height:px;
text-align: left;
color: #ffffff;
z-index: ;
font-size: px;
}
</style>
</head>
<body>
<table style="width:%">
<tr>
<td style="width:%">
<div class="edit_div">
<pre id="edit_pre_">










Copy after login




The above code is a pure JavaScript code used to implement the text comparison tool. I hope it will be helpful to everyone! 
                

            

            

                                

                    Related labels：
                    

                        js文本比较工具 js文本                    

                

                                
source：php.cn

                            

            

                                    
                        Previous article：How to use jQuery to determine whether a Div is in the visible area Determine whether a div is visible_jquery
                    
                                    
                        Next article：Make pictures jump javascript picture carousel effects_javascript skills
                    
                            

            

       
                
Statement of this Website

                
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

            

           

            

                
Latest Articles by Author

                
            

            

                
Latest Issues

                

                                        

                        

                            Scatterplot points do not maintain values ​​when zooming in d3.js
                            This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...
                            

                                

                                     From 2024-04-06 18:16:26
                                

                                

                                    
  0 

                                    
1

                                    
403

                                

                            

                        

                    

                    

                                        

                        

                            Looking for an efficient way to handle a large number of repeated If statement checks
                            When I'm trying to create a search tool for a database I created for my undergraduate thes...
                            

                                

                                     From 2024-04-03 19:20:08
                                

                                

                                    
  0 

                                    
1

                                    
297

                                

                            

                        

                    

                    

                                        

                        

                            3. The JS 3D model has been added but is not visible
                            I'm trying to add a 3D model to my website. I'm using three .js. I tried everything but co...
                            

                                

                                     From 2024-04-03 19:06:13
                                

                                

                                    
  0 

                                    
1

                                    
264

                                

                            

                        

                    

                    

                                    

            

            

                

                    
Related Topics

                    More>
                    
                

                

                    
                

            

        

    

    

        

            
Popular Recommendations

            

                
            

        

        
        

            

                
Popular Tutorials

                More>
                
            

            

                

                    
Related Tutorials 

                    
Popular Recommendations

                    
Latest courses

                

                
                
                
            

            
        


        

            

                
Latest Downloads

                More>
                
            

                        
            

                

                    
Web Effects 

                    
Website Source Code

                    
Website Materials

                    
Front End Template

                

                
                
                
                
            

            
        

    




    

        

            

                

                    

                        About us
                        Disclaimer
                        Sitemap
                        

                    

                    
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！