如何将 Javascript 变量值显示到 HTML href 标签

Question

我正在重写我的 url 和传递给 url 的类别名称。现在我正在创建 Url 使用 JS 函数的友好字符串是：

function getUrlFriendlyString(str)
{
   // convert spaces to '-'
   //alert(str);
   str = str.replace(/ /g, "-");
   // Make lowercase
   str = str.toLowerCase();
   // Remove characters that are not alphanumeric or a '-'
   str = str.replace(/[^a-z0-9-]/g, "");
   // Combine multiple dashes (i.e., '---') into one dash '-'.
   str = str.replace(/[-]+/g, "-");
   return str;
}

现在在 HTML 页面上，此 JS 函数在 JS 中给出一个字符串值，例如

<? $cat_name= 'Personalized Chocolates / Gift'; ?>
<script>var url=getUrlFriendlyString("<?=$cat_name;?>");</script>

我想像这样在 html 标签 href 中传递 var url 值

<a  href="<?PHP echo SITE_URL;?>/category/<script>document.write(url);</script>/<?=$data_2['cat_id'];?>"

但是

<script>document.write(url);</script>

不给出他们的价值，来url就是这样

http://localhost/ecom/category/<script>document.writeln(url);</script>/105

需要url是

http://localhost/ecom/category/personalized-chocolates-gift/105

知道如何使用 js 字符串显示正确的 url 吗？

我可以保存 var url 值到 PHP 变量

Answer 1

您不能在属性值中间包含元素（例如 <script>...</script>）。

如果您打算采用这种方法，则需要使用 JavaScript.

写出整个锚元素

另一种方法是在 HTML 中设置默认值，然后在元素完成后出现的脚本中使用 DOM 访问元素。

更好的方法是在您的服务器上重写 PHP 和运行中的 getUrlFriendlyString 函数。

Answer 2

这对我有用

您可以在 php 变量中获取 var url 值并在您的 href 标签中使用

<? $cat_name= 'Personalized Chocolates / Gift'; ?>
<script>var url=getUrlFriendlyString("<?=$cat_name;?>");</script>

和

<?php
        $m="<script>document.write(url);</script>";
        echo $m; // output is : personalized-chocolates-gift
   ?>

这不会给你相同的 o/p inside href，会给你 o/p 你的 js 代码，因为在 $m 里面 js 代码被保存并且 href 没有将 js 转换成字符串 o/p

我希望这对你有用:)

Answer 3

这可能会帮助你 HTML 中的 JS 代码 redirectTo() 是 JS 函数

<a onclick="redirectTo();">click here</a>

如何将 Javascript 变量值显示到 HTML href 标签

How to display Javascript Variable value to HTML href tag

html

javascript

url-rewriting