zoukankan      html  css  js  c++  java
  • 获取链接的参数

    window.onload = function(){
    var hrefs = document.getElementById('hrefs');
    var links = hrefs.getElementsByTagName('a');
    for(var i=0, n=links.length; i<n; i++){
    links[i].onclick
    = function(){
    var urls = this.getAttribute('href');
    var params = urls.split('?');
    for(var i=0; i<params[1].length; i++){
    var p = params[1].split('=');
    var pValue = p[1];
    clickAdd(pValue);
    return false;
    }
    }
    }
    }
    function clickAdd(v){
    document.getElementById(
    'target').innerHTML = v;
    }
    <div id="hrefs">
    <a href="/sub.html?id=1">aaaa</a><br>
    <a href="/sub.html?id=2">2222</a><br>
    <a href="/sub.html?id=3">3333</a><br>
    <a href="/sub.html?id=4">4444</a><br>
    <a href="/sub.html?id=5">5555</a><br>
    </div>
    <div id="target">这里是值</div>

    动态得到链接的参数,也没有什么技术含量,只是做为一走过的历程,记录下来。

    强化后的:

    window.onload = function(){
    var hrefs = document.getElementById('hrefs');
    var links = hrefs.getElementsByTagName('a');
    for(var i=0, n=links.length; i<n; i++){
    links[i].onclick
    = function(){
    var urls = this.getAttribute('href');
    var params = urls.split('?');
    var pV = params[1].split('&');
    for(var j=0; j<pV.length; j++){
    var p = pV[j].split('=');
    var pName = p[0];
    var pValue = p[1];
    document.getElementById(
    'target').innerHTML += '<br /> name = ' + pName + ' value = ' + pValue + '<br />';
    }

    return false;
    }
    }
    }
  • 相关阅读:
    结构型设计模式(上)
    创建型设计模式(下)
    创建型设计模式(上)
    HTTP 简述
    MVC、MVP与MVVM架构模式
    PHP 部分语法(二)
    PHP 部分语法(一)
    TypeScript 学习笔记(四)
    WORD 和Uint16的区别
    extern的用法
  • 原文地址:https://www.cnblogs.com/jikey/p/1619692.html
Copyright © 2011-2022 走看看