Zusammenfassung der Methoden zum Übergeben von Parametern in js (mit Code)

Was dieser Artikel Ihnen bietet, ist eine Zusammenfassung der Methoden zur Übergabe von Parametern in js (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

1. Implizit HTML-Tags erstellen

<input type="hidden" name="tc_id" value="{{tc_id}}">

Diese Methode wird im Allgemeinen mit Ajax verwendet. Der obige Wert verwendet die Template-Engine

2.window['data']

window['name'] = "the window object";

3. Verwenden Sie localStorage, Cookies usw. zum Speichern von

window.localStorage.setItem("name", "xiaoyueyue");
window.localStorage.getItem("name")

Funktionen

1、localStorage 是持久存储，不主动删除 一直存在  
         sessionStorage 是临时存储,关闭浏览器数据就没了
2、localStorage 可以多窗口共享
       sessionStorage 不能多窗口共享数据

4. Holen Sie sich die Adressleistenmethode

1. Ihre eigene gekapselte Methode

function parseParam(url) {
  var paramArr = decodeURI(url).split("?")[1].split("&"),
    obj = {};
  for (var i = 0; i < paramArr.length; i++) {
    var item = paramArr[i];
    if (item.indexOf("=") != -1) {
      var tmp = item.split("=");
      obj[tmp[0]] = tmp[1];
    } else {
      obj[item] = true;
    }
  }
  return obj;

}

2. Methode für reguläre Ausdrücke

function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

5. Übergabe von Label-Bindungsfunktionsparametern

<!--base-->
 <button id="test1" onclick="alert(id)">test1</button>
 
<!--高级-->
<button id="test" name="123" yue="xiaoyueyue" friend="heizi" onclick="console.log(this.getAttribute(&#39;yue&#39;),this.getAttribute(&#39;friend&#39;))">test</button>

Diese Erweiterung

verwendet Diese Parameterübergabe wurde bei der Verwendung von art-template herausgefunden. Es ist nicht mehr notwendig, nur eine ID zu übergeben und diese in mehrere Parameter zu unterteilen! Glücklich!

var box = document.createElement("p");
box.innerHTML = "<button id=&#39;1&#39; data-name=&#39;xiaoyueyue&#39; data-age=&#39;25&#39; data-friend=&#39;heizi&#39; onclick=&#39;alertInfo(this)&#39;>点击</button>";
document.body.appendChild(box);


// name,age,friend
function alertInfo(val) {
  console.log(val);
  alert('大家好,我是' + val.dataset.name + ', 我今年' + val.dataset.age + '岁了，我的好朋友是' + val.dataset.friend + ' !')

}

Ereignis

Da dies verwendet werden kann, ist auch die event.target-Methode im Ereignis möglich:

Erhalten Sie den aktuellen Indexwert entsprechend der Klasse und dem Parameter kann das Ereignisobjekt sein

  var getIndexByClass =  function (param) {
    var element = param.classname ? param : param.target;
    var className = element.classname;
    var domArr = Array.prototype.slice.call(document.querySelectorAll('.' + className));
    for (var index = 0; index < domArr.length; index++) {
      if (domArr[index] === element) {
        return index;
      }
    }
    return -1;
  },

6.HTML5-Daten-* Benutzerdefinierte Attribute

<button data-name="xiaoyueyue">点击</button>

 var btn = document.querySelector("button")
    btn.onclick = function () {
      alert(this.dataset.name)
    }

7. Übergabe von String-Parametern

Einzelner Parameter

var name = 'xiaoyueyue',
  age = 25;

var box = document.createElement("p");
box.innerHTML = '<button onclick="alertInfo(\&#39;&#39; + name + &#39;\&#39;)">点击</button>';
console.log(box)
document.body.appendChild(box);


// name, age
function alertInfo(name, age, home, friend) {
  alert("我是" + name)
}

Mehrere Parameter Übergabe

 var name = 'xiaoyueyue',
  age = '25',
  home = 'shanxi',
  friend = 'heizi';

var params = """ + name + "","" + age + "","" + home + "","" + friend + """;
var box = document.createElement("p");
box.innerHTML = "<button onclick=&#39;alertInfo(" + params + ")&#39;>点击</button>";
console.log(box)
document.body.appendChild(box);


// name, age,home,friend
function alertInfo(name, age, home, friend) {
  alert("我是" + name + ',' + "我今年" + age + "岁了！")
}

Komplexe Parameterübergabe

var data = [
  {
    "name": "xiaoyueyue",
    "age": "25",
    "home": "shanxi",
    "friend": "heizi"
  }

]

var box = document.createElement("p");

for (var i = 0; i < data.length; i++) {
  box.innerHTML = "<button id=&#39;btn&#39;  onclick=&#39;alertInfo(id,\"" + data[i].name + "\",\"" + data[i].age + "\",\"" + data[i].home + "\",\"" + data[i].friend + "\")&#39;>点击</button>";
}

document.body.appendChild(box);

function alertInfo(id, name, age, home, friend) {
  alert("我是" + name + "," + friend + "是我的好朋友")
}

8.arguments

arguments Objekte sind lokale Variablen, die in allen (Nicht-Pfeil-)Funktionen verfügbar sind. Sie können das Arguments-Objekt verwenden, um auf die Argumente einer Funktion innerhalb einer Funktion zu verweisen. Es ist ein Array-ähnliches Objekt.

<button onclick="fenpei(&#39;f233c7a290ae11e8a0f00050568b2fdd&#39;,&#39;100&#39;,&#39;0号 车用柴油(Ⅴ)&#39;)">分配</button>

rrree

Verwandte Empfehlungen:

Methode zur Übergabe anonymer JS-Funktionsparameter

An PHP übergebene JS-Parameter sind verstümmelt

So verwenden Sie js, um Parameter an eine PHP-Datei zu übergeben

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Übergeben von Parametern in js (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!