javascript - document.location.href 的 URL 编码

Question

我正在构建一个 iFrame 并使用 document.location.href -> 我的确切代码是:

<script type="text/javascript">
document.write("<iframe src='http://www.facebook.com/plugins/like.php?href=" + document.location.href + "&layout=standard&show_faces=false&action=like&font=verdana&colorscheme=light' frameborder=0></iframe>");
</script>

除一个页面外，这对我的所有页面都非常有效。我认为一页的问题是由页面名称中的破折号“-”引起的。我的问题是 - 有没有办法对我的 src 进行不同的编码，以便链接有效？我希望它提取的正确 URL 是:

[]/products/Product%252dExample.html

但它的作用是:

[]/products/Product-Example.html

这导致页面无法正常工作。

谢谢!

Answer 1

encodeURIComponent功能将做你想做的事。

<script type="text/javascript">
document.write("<iframe src='http://www.facebook.com/plugins/like.php?href=" + encodeURIComponent( document.location.href ) + "&layout=standard&show_faces=false&action=like&font=verdana&colorscheme=light' frameborder=0></iframe>");
</script>