Question

这样可以吗？

<head>
<script>
var movie="Tag";
var link=("google.com/"+movie);
</script>
<a href=(link)>Click Me</a>
</head>

请帮助我

Answer 1

HTML不能像模板语言那样工作。为此，源代码看起来会像这样：

 let className = classes.NavPage

    export default class NavPage extends Component {
    state = {
    navPageOpen: false
  }
    openNavPage = () => {
    this.setState((prevState) => {
      return {navPageOpen: !prevState.navPageOpen};})
      if (this.state.navPageOpen) {
        className = classes.NavPageOpen
      } else {
        className = classes.NavPage
      }
    }

render() {
    return (
    <div className={classes.MenuButton}>
    <MenuButton clicked={this.openNavPage}/>
        <div className={className} onClick={this.props.clicked}>
          <NavPageButtons>home</NavPageButtons>
          <NavPageButtons>portfolio</NavPageButtons>
          <NavPageButtons>contact</NavPageButtons>
        </div>
    </div>

区别在于我们首先创建了HTML，然后使用javascript替换了链接。

也可以使用Javascript编写所有HTML，但这可能是最简单的入门方法。

Answer 2

可以，但是需要一些编码。

在这种情况下，您需要指定完整的url，包括架构。

然后，我为链接提供了id属性，以便JavaScipt代码可以找到该属性，并使用新的href更新url。

const movie="Tag";
const url= "https://google.com/"+movie;
const link = document.getElementById("test-link");

link.href = url;

<a id="test-link" href="#">Click Me</a>

如何在Href中使用Javascript变量

2 个答案: