HTML:url = <name var =“”>

时间:2016-10-01 23:37:27

标签: html href 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>

2 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

<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操作。这个具体使用href id设置给定项目的some-link#表示&#34;元素,ID为#34;。

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

答案 1 :(得分:-1)

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