HTML: url = <name var>

HTML: url = <name var>

作为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>
<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 操作。这个专门设置给定项目的 hrefsome-link id。 # 表示“具有 id 的元素”。

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

您可以使用 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;
});