HTML：url = <name var> [重复]答案

【问题标题】：HTML: url = <name var> [duplicate]HTML：url = <name var> [重复]
【发布时间】：2017-02-10 06:28:52
【问题描述】：

作为href参数，我想放一个变量。

而不是：

<p><a href="http://www.google.com">Go to Google</a></p>

</body>
</html>

我想写一些东西：

<html>
<body>

var link = "http://www.google.com"
<p><a href=link>Go to Google</a></p>

</body>
</html>

【问题讨论】：

标签： html href var

【解决方案1】：

你可以这样做：

<html>
<head>
</head>

<body>
<p><a id="some-link">Some link</a> is here</p>

<script>
  var link = 'http://www.google.com';

  var someLink = document.querySelector('#some-link');
  someLink.setAttribute('href', link);
</script>
</body>
</html>

script 标签执行 javascript 操作。这一项专门使用some-link id 设置给定项目的href。 # 表示“带有 id 的元素”。

你可以在这里试试。 https://jsfiddle.net/94ct5hvr/

【讨论】：

【解决方案2】：

你可以用 angularJS 做到这一点

<html>
 <body ng-app="App" ng-controller="myApp">

<p><a href={{link}}>Go to Google</a></p>

</body> 
</html>

在 javascript 方面你可以这样做：

var app = angular.module('App',[]);

app.controller(function($scope){
   $scope.link = "http://www.google.com;
});

【讨论】：