Question

我在jsfiddle上找到了这个代码，它在小提琴里工作得很好。但是当我试图将它放在我自己的HTML文件中时，我无法让它工作。我确信我从脚本标签中留下了一些东西，但我只是不知道是什么。任何意见都将不胜感激。

P.S。该代码应该从URL中提取信息并填写表单。

-Thanks

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Parser</title>
</head>

<body>
<p>Your first name:
<br /><input name="name (awf_first)" id="name (awf_first)" /></p>

<p>Your last name:
<br /><input name="name (awf_last)" id="name (awf_last)" /></p>

<p>Your email:
<br /><input name="email" id="email" /></p>

<p>Your password:
<br /><input name="password" id="password" /></p>


<script>
var hashParams = window.location.hash.substr(1).split('&'); // substr(1) to 
remove the `?`
for(var i = 0; i < hashParams.length; i++){
var p = hashParams[i].split('=');
document.getElementById(p[0]).value = decodeURIComponent(p[1]);;
}
</script>
</body>

</html>

Answer 1

您的错误表示document.getElementById(p[0])未找到#name和#email输入元素。

这可能有两个原因：

您没有id的任何元素：name和email。

检查您的元素，确保您已正确id个。当id应为：name (awf_first)和name (awf_last)时，您的代码会显示id为name和email的元素。

您试图在将元素读入DOM之前找到元素。

确保script在大部分HTML之后（就在body标记结束之前）显示在小提琴中，这样当你运行该行时，元素已经存在于DOM中。

此外，请注意，在您的问题中，行// substr(1) to remove the '?'分为两行，目前正在导致代码中出错。并且，在该评论中，使用单引号更改?周围的后退。

不能让jsfiddle代码在jsfiddle之外工作

1 个答案: