读论文时，不时需要抓取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. Gym - 100989H （贪心）

    After the data structures exam, students lined up in the cafeteria to have a drink and chat about ho ...

  2. Java泛型（泛型接口、泛型类、泛型方法）

    转载 转载出处:https://www.cnblogs.com/JokerShi/p/8117556.html 泛型接口: 定义一个泛型接口: 通过类去实现这个泛型接口的时候指定泛型T的具体类型. 指 ...

  3. .net 可选参数和命名参数

    可选参数,可以为方法的参数设置默认值,在调用方法的时候,如果不传递参数,就是执行默认参数. class Program { , string s = "A", DateTime d ...

  4. [LeetCode 题解]：Path Sum

    前言   [LeetCode 题解]系列传送门:  http://www.cnblogs.com/double-win/category/573499.html   1.题目描述 Given a bi ...

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

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

  6. RAID 介绍

    介绍 磁盘阵列(Redundant Arrays of Independent Disks,RAID),有“独立磁盘构成的具有冗余能力的阵列”之意. 磁盘阵列是由很多价格较便宜的磁盘,组合成一个容量巨 ...

  7. ubuntu 12.0.4 下python3.x web环境搭建

    ubuntu 12.0.4 安装python3.x 1. $ sudo add-apt-repository ppa:fkrull/deadsnakes$ sudo apt-get update$ s ...

  8. shell中tr的用法

    转自http://blog.csdn.net/zhuying_linux/article/details/6825568 tr(translate缩写)主要用于删除文件中的控制字符,或进行字符转换.语 ...

  9. UITableViewCell笔记

    默认的四种cell的类型 原网站 还有这个带图的 据我自己试验,只有value2不自带imageview 不同的accessoryType 可以看到,一个tabelviewcell的contentvi ...

  10. Spark - 经典案例

    初识 Spark 大数据处理,目前还只是小白阶段,初步搭建起运行环境,慢慢学习之. 本文熟悉下 Spark 数据处理的几个经典案例. 首先将 Scala SDK 的源码导入 IDEA,方便查看和调试代 ...