Javascript 为什么使用jQuery.replace会导致网页未找到错误？
我正在用javascript/jquery脚本编写一些HTML。脚本使用for-in循环遍历javascript对象，使用jQuery.append语句将HTML格式行中的某些模式替换为对象中的数据，最后使用.replace修改DOM。在下面粘贴的代码中，您将看到一些注释掉的行。如果我运行带有注释的代码，就会得到预期的结果。然而，一旦我删除这些评论，我就会得到奇怪的结果。在未注释“OptionA”的情况下，结果如下……页面加载不再工作。页面显示“未找到网页”消息，更令人惊讶的是，omnibox中的加载状态变为： file:///Users/user1/Documents/Udacity/IntroJS/frontend-nanodegree-resume/%3Cdiv%20class=%22location-文本%22%3ELexington，%20KY%3C/div%3E 页面正确加载时的正常页面加载语句如下所示： file:///Users/user1/Documents/Udacity/IntroJS/frontend-nanodegree-resume/debug.html 未注释optionB时，只显示“工作经验”一词，但不打印日期 代码段：Javascript 为什么使用jQuery.replace会导致网页未找到错误？,javascript,jquery,html,Javascript,Jquery,Html,我正在用javascript/jquery脚本编写一些HTML。脚本使用for-in循环遍历javascript对象，使用jQuery.append语句将HTML格式行中的某些模式替换为对象中的数据，最后使用.replace修改DOM。在下面粘贴的代码中，您将看到一些注释掉的行。如果我运行带有注释的代码，就会得到预期的结果。然而，一旦我删除这些评论，我就会得到奇怪的结果。在未注释“OptionA”的情况下，结果如下……页面加载不再工作。页面显示“未找到网页”消息，更令人惊讶的是，omnibox中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Debug</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<div id="main">
<div id="workExperience" class="gray">
<h2>Work Experience</h2>
</div>
</div>
<script>
var HTMLworkStart = '<div class="work-entry"></div>';
var HTMLworkDates = '<div class="date-text">%data%</div>';
var HTMLworkLocation = '<div class="location-text">%data%</div>';
var work = {
"job1":{
"dates": "2007 to 2016",
"location": "Raleigh, NC"
},
"job2":{
"dates": "2003 to 2007",
"location": "Los Angeles, CA"
},
"job3":{
"dates": "2000 to 2003",
"location": "Lexington, KY"
}
};
for(var job in work){
if(work.hasOwnProperty(job))
{
var dates = HTMLworkDates.replace("%data%", work[job].dates);
//OptionA: var location = HTMLworkLocation.replace("%data%", work[job].location);
//OptionB: var location = HTMLworkLocation.replace("%data%", "Raleigh, NC";
$("#workExperience").append(HTMLworkStart);
$(".work-entry:last").append(dates);
$(".work-entry:last").append(location);
}
}
</script>
</body>
</html>
调试
工作经验
var HTMLworkStart=''；
var HTMLworkDates='%data%'；
var HTMLworkLocation='%data%'；
var工作={
“工作1”：{
“日期”：“2007年至2016年”，
“地点”：“北卡罗来纳州罗利”
},
“工作2”：{
“日期”：“2003年至2007年”，
“地点”：“加利福尼亚州洛杉矶”
},
“工作3”：{
“日期”：“2000年至2003年”，
“地点”：“肯塔基州列克星敦”
}
};
用于（工作中的var作业）{
if（工作。拥有自己的财产（工作））
{
var dates=HTMLworkDates.replace（“%data%”），work[job].dates）；
//选项A:var location=HTMLworkLocation.replace（“%data%”），work[job].location）；
//选项B:var location=HTMLworkLocation.replace（“%data%”），“罗利，北卡罗来纳州”；
$（“#工作经验”）.append（HTMLworkStart）；
$（“.work entry:last”）。追加（日期）；
$（“.work entry:last”）.append（位置）；
}
}
-我的完整代码中还有一行类似于“位置文本”示例中没有引起任何问题的行。将位置变量更改为其他名称。位置是全局位置属性的名称，它控制窗口加载的URL。将位置变量更改为其他名称。位置是全局位置属性的名称，它控制窗口加载的URLads.因为您的代码在任何函数之外运行，
varwindowwindow.locationvar这个问题与使用
.replace（）varwindowwindow.locationvar.replace（）