锚定标记的Javascript动态创建不工作
我正在尝试用JavaScript创建html。但我的锚定标签链接并没有按预期工作锚定标记的Javascript动态创建不工作,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试用JavaScript创建html。但我的锚定标签链接并没有按预期工作 var test ="http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_being_coached.html?cmp=SOC-EDIT-FB"; var res ="<a style='color:#7Bc76B;text-dec
var test ="http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_being_coached.html?cmp=SOC-EDIT-FB";
var res ="<a style='color:#7Bc76B;text-decoration: none;' target='_blank' href='"+test+"'>Link to read more ></a>";
document.getElementById("res").innerHTML = res;
var测试=”http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_becoached.html?cmp=SOC-EDIT-FB';
var res=“”;
document.getElementById(“res”).innerHTML=res;
任何帮助都将不胜感激
谢谢您的URL中有一个不属于那里的引号(')。请确保您预先用%27替换单引号对URL进行URL编码,或者手动进行URL编码(encodeURI不编码单引号):
var测试=”http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_aren't_principals_becoached.html?cmp=SOC-EDIT-FB';
测试=测试。替换(/“/g,“%27”);
var res=“”;
document.getElementById(“res”).innerHTML=res;
您的URL中有一个不属于该URL的引号(')。请确保您预先用%27替换单引号对URL进行URL编码,或者手动进行URL编码(encodeURI不编码单引号):
var测试=”http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_aren't_principals_becoached.html?cmp=SOC-EDIT-FB';
测试=测试。替换(/“/g,“%27”);
var res=“”;
document.getElementById(“res”).innerHTML=res;
您只需修改您的”;
如上所述,在单引号内声明,所有属性都在双引号内
您只需修改
”;
如上所述,在单引号内声明,所有属性都在双引号内
我通常将单引号放在双引号之外。单引号将使字符串无法解析
var测试=”http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_becoached.html?cmp=SOC-EDIT-FB';
var-res='';
document.getElementById(“res”).innerHTML=res代码>
我通常将单引号放在双引号之外。单引号将使字符串无法解析
var测试=”http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_are't_principals_becoached.html?cmp=SOC-EDIT-FB';
var-res='';
document.getElementById(“res”).innerHTML=res代码>
寻求调试帮助的问题(“为什么此代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建。问题是什么?以及您想要什么plz简要示例链接不工作问题寻求调试帮助(“此代码为什么不工作?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现此问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建。问题是什么?以及您希望plz做什么简单示例链接不工作这不工作它工作。您的原始URL指向一个404。如果你链接到一个不可用的网站,你会得到你想要的;-)您之前遇到的错误是,单引号中断了您的URL,因为它过早地结束了href属性。这是有效的,在您编写代码后,不起作用,不起作用。只需编辑您的URL并添加一个n。为了方便起见,我编辑了我的答案并添加了n。再试一次。。。这不起作用,它起作用了。您的原始URL指向一个404。如果你链接到一个不可用的网站,你会得到你想要的;-)您之前遇到的错误是,单引号中断了您的URL,因为它过早地结束了href属性。这是有效的,在您编写代码后,不起作用,不起作用。只需编辑您的URL并添加一个n。为了方便起见,我编辑了我的答案并添加了n。再试一次。。。
var test ="http://blogs.edweek.org/edweek/finding_common_ground/2016/10/if_coaching_is_so_powerful_why_aren't_principals_being_coached.html?cmp=SOC-EDIT-FB";
test = test.replace(/'/g, "%27");
var res ="<a style='color:#7Bc76B;text-decoration: none;' target='_blank' href='"+test+"'>Link to read more ></a>";
document.getElementById("res").innerHTML = res;
var res ='<a style="color:#7Bc76B;text-decoration: none;" target="_blank" href="'+test+'">Link to read more ></a>';