[前端]利用a标签获取url里所需的内容

// This function creates a new anchor element and uses location
// properties (inherent) to get the desired URL data. Some String
// operations are used (to normalize results across browsers).

function parseURL(url) {
    var a =  document.createElement(‘a‘);
    a.href = url;
    return {
        source: url,
        protocol: a.protocol.replace(‘:‘,‘‘),
        host: a.hostname,
        port: a.port,
        query: a.search,
        params: (function(){
            var ret = {},
                seg = a.search.replace(/^?/,‘‘).split(‘&‘),
                len = seg.length, i = 0, s;
            for (;i<len;i++) {
                if (!seg[i]) { continue; }
                s = seg[i].split(‘=‘);
                ret[s[0]] = s[1];
            }
            return ret;
        })(),
        file: (a.pathname.match(//([^/?#]+)$/i) || [,‘‘])[1],
        hash: a.hash.replace(‘#‘,‘‘),
        path: a.pathname.replace(/^([^/])/,‘/$1‘),
        relative: (a.href.match(/tps?://[^/]+(.+)/) || [,‘‘])[1],
        segments: a.pathname.replace(/^//,‘‘).split(‘/‘)
    };
}

  来源:http://james.padolsey.com/javascript/parsing-urls-with-the-dom/

时间: 2024-10-14 03:19:47

[前端]利用a标签获取url里所需的内容的相关文章

获取url 里的图片宽高

想获取一个url里的图片的尺寸时: var img_url = "http://www.qttc.net/static/upload/2013/13643608813441.jpg"; // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; alert(img.width , img.height); 获取url 里的图片宽高

获取WebView里的网页文本内容

获取WebView里的网页文本内容,能够採用例如以下方法: public class ComJSInterface { public void loadHtmlContent(String content) { Log.d("comJs", "html:" + content); } } mWebView.addJavascriptInterface(new ComJSInterface(), "comjs"); mWebView.loadUrl

js获取URL里的参数

第一种 通过正则获取URL中指定的参数 /** * 获取指定的URL参数值 * URL:http://www.xxx.com/index?name=123 * 参数:param URL参数 * 调用方法:getParam("name") * 返回值:123 * alert(getParam('date')); */ function getParam(name) { var reg = new RegExp("(^|&)" + name + "=(

Js获取url传递过来的参数

原理跟取cookie值一样的 function getParamer(paramer){ var url=window.location.href.split("?")[1];            /*获取url里"?"后面的值*/  if(url.indexOf("&")>0){                                      /*判断是否是一个参数还是多个参数*/     urlParamArry=u

利用javascript获取url中的传值并创建页面元素

url传值: 在地址后附加 ?键1=值1&键2=值2&键3=值3... ...(注意:该方法会将参数显示在地址栏中,传入的值应该不影响网站安全和透露网站内部信息) <script type="text/javascript"> //该函数将获取url中的键值组合,并通过传入的键参数返回键所对应的值 function getvl(name) { var reg = new RegExp("(^|\\?|&)" + name + &q

使用struts2的标签s:if获取url中的参数值,并与字符串常量进行比较

大家都知道,jsp中最好不要写java脚本,稍微复杂一点的逻辑都会让代码十分难看,对于维护来说简直是噩梦.但是我们又不可能完全不在jsp中写java脚本,像<%= request.getContextPath()>这种方式,很方便而且也不会让代码很难看.当jsp中需要有复杂的逻辑判断或者循环的时候,最好使用标签库来提高代码的可维护性,比如标准的JSTL库,还有很常用的struts2标签库. 比如有一个url http://127.0.0.1:8080/demo/test.jsp?id=1 ,我

Javascript 获取地址栏里(URL)传递的参数

有时我们需要在js文件中用URL传来的参数,但是Javascript是客户端执行的脚本语言,而Session是服务器端的对象,我们不能直接取得Session中的值.那么,我们该如何在JS文件中获取URL中的参数呢? 下面介绍两种方式,一种是字符串拆分法,另一种是正则匹配法. 第一种:字符串拆分法 这种方式是通过location.search方法取得URL中的参数部分,然后再进一步处理得到的.具体代码如下: [javascript] //获取地址栏里(URL)传递的参数 function GetR

iwebshop里面前端页面query标签如何传递api数据

开发中遇到了前台页面用query标签查出来的数据,需要通过api获取数据,那么接下来就给大家说一下如何通过api里的方法来传递数据到前端! 首先前端页面必须是query标签获取的数据 例子: {set:$queryObj=Api::run('getSellerList',$flag);$resultData=$queryObj->find()} {if:$resultData} {foreach:items=$resultData} 例子中 注意自己定义的 api方法 给一个自定义参数,此$fl

多域名环境,页面获取url的一种方案

因为系统是分布式部署的.而且有多个域名,所以常常涉及到获取url的问题. 这是系统框架层面须要提供的能力.否则每一个模块都须要自己去想办法获取ip,就会非常混乱.上线也easy发生bug 主要须要解决几个问题: 1.可以自己主动区分开发环境和生产环境.比方部署上线.url可能是http://www.xxx.com/svc/hello,而在本地开发的时候应该是http://127.0.0.1/svc/hello.而不能写死,否则开发和部署就要换来换去.非常麻烦 2.可以依据不同的服务.区分URL.