读论文时，不时需要抓取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. 移动开发iOS&Android对比学习--异步处理

    在移动开发里很多时候需要用到异步处理.Android的主线程如果等待超过一定时间的时候直接出现ANR(对不熟悉Android的朋友这里需要解释一下什么叫ANR.ANR就是Application Not ...

  2. toolbox类

    新建Qt  应用,项目名称为“c”,基类选择“QWidget”,取消“创建界面”复选框的选中状态. 添加该工程的提供主要显示界面的函数所在的文件,在“c”项目名上单击鼠标右键,在弹出的快捷菜单中选择“ ...

  3. 团体程序设计天梯赛L2-013 红色警报 2017-03-23 22:08 55人阅读 评论(0) 收藏

    L2-013. 红色警报 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 战争中保持各个城市间的连通性非常重要.本题要求你编写一 ...

  4. hdu2653之BFS

    Waiting ten thousand years for Love Time Limit: 10000/2000 MS (Java/Others)    Memory Limit: 32768/3 ...

  5. Consul KV

    Consul之:key/value存储 key/value作用 动态修改配置文件 支持服务协同 建立leader选举 提供服务发现 集成健康检查 除了提供服务发现和综合健康检查,Consul还提供了一 ...

  6. IOC简洁说明

    what is ioc: 控制注入,是一种设计模式 the benefits of using this: 降低耦合度 什么是DI 什么是依赖? 当一个类需要另一个类协作来完成工作的时候就产生了依赖 ...

  7. bzoj2662冻结

    题目链接 话说为什么出题人老是卡$SPFA$啊$qwq$ 然而$SPFA$硬是让本宝宝写成了$dij$ 分情况讨论就好 /*************************************** ...

  8. JS延时器 定时器 暂停器 中断器

    // numberMillis 毫秒 function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() ...

  9. Docker容器基础认知

    ## 一. [docker](http://www.itxdm.me/archives/tag/docker/)概念 [Docker](http://www.itxdm.me/wp-content/p ...

  10. redis 3.0 集群__监控警报工具(sentinel)

    参考文档 http://redis.readthedocs.org/en/latest/topic/sentinel.html 因为目前还处于开发阶段,就先不研究了,待续