读论文时，不时需要抓取PDF版的段落，可是复制到word的时候会出现很多空格，利用javascript强大的功能，几行命令实现了去除段落里的空格，实现如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>地理位置坐标转换</title>

     <style media="screen">

        body

        {

            margin: 0;

            padding: 0;

            font-size: 9pt;

            line-height: 1.5em;

        }

        #frame

        {

            width: 1200px;

            margin: 20px auto 10px;

        }

        #searchMap

        {

            margin: 0 0 10px;

            text-align: center;

        }

        # button

        {

            font-size: 9pt;

            border: 1px solid #ccc;

        }

        #txtRight,#txtLeft{

            float: left;

        }

        #result{

            margin-left: 200px;

            height: 200px;

        }

        #searchMap button:hover

        {

            background: #eef;

        }

        #vifix

        {

            text-align: center;

        }

        #vifix a

        {

            color: #f00;

            text-decoration: none;

        }

        #vifix a:hover

        {

            color: #f96;

        }

    </style>

    <script src="http://ditu.google.cn/maps?file=api&amp;v=2&amp;key=ABQIAAAAe3YR_oZq7RQougOHlEQYxRTrT8HRiYVHGz6s-cexYhuHznMTnBQJ3hrfCSvSmQ_Fqr80B62kDy8djA&sensor=true"

        type="text/javascript"></script>

    <script type="text/javascript">

        window.g = {};

        window.$ = function (id) { return document.getElementById(id) };

        window.onload=function(){

            function removeAllSpace(str) {

            return str.replace(/\s+/g, "");

            }

            function trim(str) {

                return str.replace(/(^\s+)|(\s+$)/g, "");

                }

            $("btn_go").onclick = function () {

                $("info").innerHTML="";

                $("txtResult").value="";

                var strSearch=$("txtSearch").value;

                for(var i=0;i<strSearch.length;i++){

                     $("txtResult").value=removeAllSpace(strSearch);

                    }

                }

        }

        window.onunload = function () {

            GUnload();

        }

    </script>

</head>

<body>

    <div id="frame">

        <div id="searchMap">

            <p>输入查询的点（用回车分开）</p><button id="btn_go">获取坐标</button><br/>

            <textarea id="txtSearch" rows="20" cols="40"/>

                </textarea>

            <div id="info">

            </div>

            <div id="result">

            <p>查询结果:</p>

                <div id="txtRight"><textarea id="txtResult" rows="10" cols="70" value="" /></textarea></div>

            <div id="unfound">

            </div>

            </div>

        </div>

        <div id="map">

        </div>

        <div id="vifix">

            Powered by <a href="http://code.google.com/apis/maps/" target="_blank">Google Map API</a>

            / Created by <a href="http://vifix.cn%22%3evifix.cn%3c/a>

        </div>

    </div>

</body>

</html>

基于web端去除空格小工具的更多相关文章

  1. pyDash：一个基于 web 的 Linux 性能监测工具

    pyDash 是一个轻量且基于 web 的 Linux 性能监测工具,它是用 Python 和 Django 加上 Chart.js 来写的.经测试,在下面这些主流 Linux 发行版上可运行:Cen ...

  2. 基于Web的Kafka管理器工具之Kafka-manager启动时出现Exception in thread "main" java.lang.UnsupportedClassVersionError错误解决办法（图文详解）

    不多说,直接上干货! 前期博客 基于Web的Kafka管理器工具之Kafka-manager的编译部署详细安装 (支持kafka0.8.0.9和0.10以后版本)(图文详解)   问题详情 我在Kaf ...

  3. 基于Web的Kafka管理器工具之Kafka-manager安装之后第一次进入web UI的初步配置（图文详解）

    前期博客 基于Web的Kafka管理器工具之Kafka-manager的编译部署详细安装 (支持kafka0.8.0.9和0.10以后版本)(图文详解) 基于Web的Kafka管理器工具之Kafka- ...

  4. 基于Web的Kafka管理器工具之Kafka-manager的编译部署详细安装 (支持kafka0.8、0.9和0.10以后版本)（图文详解）（默认端口或任意自定义端口）

    不多说,直接上干货! 至于为什么,要写这篇博客以及安装Kafka-manager? 问题详情 无奈于,在kafka里没有一个较好自带的web ui.启动后无法观看,并且不友好.所以,需安装一个第三方的 ...

  5. 基于 Web 端 3D 地铁站可视化系统

    前言 工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领域,一般都是基于 Web SCAD ...

  6. 手把手教你写一个windows服务 【基于.net】 附实用小工具｛注册服务/开启服务/停止服务/删除服务｝

    1,本文适用范围 语言:.net 服务类型:windows服务,隔一段时间执行 2,服务搭建: 1,在vs中创建 console程序 2,在console项目所在类库右键 添加-新建项-选择Windo ...

  7. 智学网电脑端查分小工具 已更新V2.2

    特别鸣谢这段代码的源作者,我的大佬同学\(MetalkgLZH\).由于我没有做什么工作,这篇随笔基本不含相关技术细节. 再次强调,这个程序的主要部分由\(MetalkgLZH\)完成.技术细节与源码 ...

  8. 一款基于 Web 的通用数据管理工具（转载）

    一款基于 WEB 的通用数据管控工具 - CloudQuery 前言 前段时间,公司因为业务发展,数据量攀升,老板迫切需要一个工具对数据进行精细化管理,一是确实需要精细化管理:二是因为我们公司小,数据 ...

  9. 给ambari集群里的kafka安装基于web的kafka管理工具Kafka-manager（图文详解）

    不多说,直接上干货! 参考博客 基于Web的Kafka管理器工具之Kafka-manager的编译部署详细安装 (支持kafka0.8.0.9和0.10以后版本)(图文详解)(默认端口或任意自定义端口 ...

随机推荐

  1. Discuz!X2截屏控件手动安装教程-Xproer.ScreenCapture

    版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com 官方博客:http://www.cnblogs.com/xproer 产品首页:h ...

  2. C#函数式程序设计之泛型（上）

    在面向对象语言中,我们可以编写一个元素为某个专用类型(可能需要为此创建一个ListElement)的List类,或者使用一个非常通用.允许添加任何类型元素的基类(在.NET中,首先想到的是System ...

  3. GitHub操作总结

    GitHub操作总结 : 总结看不明白就看下面的详细讲解. . 作者:万境绝尘 转载请注明出处:http://blog.csdn.net/shulianghan/article/details/188 ...

  4. duilib入门简明教程 -- 界面布局(9)

        上一个教程实现的标题栏代码中,并没有看到处理自适应窗口大小的代码,但是窗口大小变化后,按钮的位置会跟着变化,这是因为我们将按钮放到了HorizontalLayout.VerticalLayou ...

  5. VMware+Linux更改磁盘配额(使用gparted LiveCd) 实用!!!

    转载:http://blog.csdn.net/microad_liy/article/details/7667670 写这篇文章的原因: 最近要给服务器Centos上的ruby版本升级,由于是第一次 ...

  6. Re：从零开始的Spring Security Oauth2（三）

    上一篇文章中我们介绍了获取token的流程,这一篇重点分析一下,携带token访问受限资源时,内部的工作流程. @EnableResourceServer与@EnableAuthorizationSe ...

  7. List分组迭代器

    说明: 针对长度较大的List对象,可以分组批量进行处理, 如:长度为1000的List对象,可分为10组,每组100条,对数据进行业务逻辑处理... Source /**************** ...

  8. unity面试准备

    最近有换工作的打算 所以上网看下面试题 自己做下总结 Q:ArrayList 和 List区别 A: 1:List大家都知道初始化的时候需要定义其类型,例如 List<int> listT ...

  9. toggleClass，toggle切换

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. Centos系统优化

    系统优化脚本 #!/bin/bash #author junxi by #this script is only for CentOS 7.x #check the OS platform=`unam ...