如何在网站中通过URL实现只带Javascript的参数

Question

我使用的是rimacon软件。我使用的网址是：http://www.jabra.com.de/Support/warranty-checker

​

​

我想把这个序列号的值从Javascript (rimacon)发送到这个网站的输入端：(见图)

在这个网站上，我点击右边的鼠标，点击“检查元素/元素下”。我得到了这个HTML代码：

<input type="text" class="serial-number">

我想把它改成：

<input type="text" class="serial-number" value="xXx">

然后我编写URL，如下所示：

http://www.jabra.com.de/Support/warranty-checker/?xXx="0QYG06DF3FA"

或者我想把这段代码改成：

<input type="text" class="serial-number" name="PUT-Serial-number">

然后我编写URL，如下所示：

http://www.jabra.com.de/Support/warranty-checker/?PUT-Serial-number="0QYG06DF3FA"

我尝试了一些使用setAttribute或createAttribute等的代码来解决这个问题：

例如：

//var x = document.getElementsByClassName("serial-number").href="http://www.jabra.com.de/Support/warranty-checker";

var x = document.querySelectorAll("input.serial-number[href^='http://www.jabra.com.de/Support/warranty-checker']");


var y = x.innerHTML = "value="+seriennummer;

alert("y:  "+y);
alert("Länge :  "+y.length);


//var attr = document.createAttribute("Value");
//attr.value=seriennummer;

//var attr = x.setAttribute("Value",seriennummer);

//alert("attr:  "+attr.value);

// this shall open window and show the serialnumber in this websites
url = escape("http://www.jabra.com.de/Support/warranty-checker");
var hpwindow = window.open("http://xxx:8081/sprungxbrett.php?TARGET="+url);  
hpwindow.focus();

此代码位于onclick()函数中。

求求你，我需要你的帮助！有什么方法可以修复这个JS代码吗！

因为在"Inspect element/Element Untersuchen“中，你可以在其中添加属性值。

<input type="text" class="serial-number" value="0QYG06DF3FA">

那么这个序列号就会真实地显示在这个网站的输入处。

非常感谢。

Answer 1

这应该可以解决以JSON格式获取URL参数的问题(这里不会显示任何内容，请尝试任何带有url参数的测试文件，例如: test.html?this=that&that=this)

​

<p id="result"> result: </p>

<script>
function getUrlVars() {
	var map = {};
	var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
		map[key] = value;
	});
  
  //get your values as JSON, one of the following
	console.log(map);
	document.getElementById("result").innerHTML += JSON.stringify(map);
	return map;
  
}

getUrlVars()
</script>

​