无法使jsfiddle代码在jsfiddle之外工作
无法使jsfiddle代码在jsfiddle之外工作
提问于 2017-04-11 04:31:29
我在jsfiddle上找到了这段代码，它在fiddle内部运行得很好。但是，当我试图将它放入我自己的HTML文件中时，我无法让它工作。我确信我在脚本标记中遗漏了一些东西，但我就是不知道是什么。我们将非常感谢您的任何意见。
这里是小提琴：Working Fiddle
附注。代码应该是从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>回答 1
Stack Overflow用户
发布于 2017-04-11 04:51:18
您的错误意味着document.getElementById(p[0])找不到#name和#email输入元素。
这可能有两个原因：
- You没有任何
id**s为：**nameemail**.**
和的元素
检查您的元素以确保您为它们提供了正确的ids。您的代码显示元素的ids为：name (awf_first)和name (awf_last)，而ids应该是：name和email。
- 在将元素读入DOM之前，您正在尝试查找这些元素。
确保script出现在大部分超文本标记之后(就在body标记结束之前)，这样当您运行该行时，元素就已经在DOM中了。
此外，请注意，在您的问题中，// substr(1) to remove the '?'行被分成两行，当前正在导致代码中出现错误。并且，在该注释中，将?两边的反勾改为单引号。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43332422
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号