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 操作。这个专门设置给定项目的 href
和 some-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;
});
作为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 操作。这个专门设置给定项目的 href
和 some-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;
});