2016-02-10 2 views
0

Я пытаюсь использовать некоторые переменные в качестве ссылки как в JavaScript и HTML, но он не работает либо сценария ЦСИ части или A HREF. Любая помощь приветствуется.Использование JavaScript вар в качестве ссылки для JS и HTML

<script> 

// Please change these values 

var Sermon_JWPlayer = "//content.jwplatform.com/players/l9aqB9m4-7l7ZMsAW.js" // JW Player Link 
var Sermon_Address = "http://content.jwplatform.com/videos/l9aqB9m4-EnqDUKfa.m4a" // Actual file url 

// Should not need to modify below 
var Share_Facebook = "https://www.facebook.com/sharer/sharer.php?u=" + Sermon_Address 
var Share_Twitter = "https://twitter.com/home?status=" + Sermon_Address 
var Share_GooglePlus = "https://plus.google.com/share?url=" + Sermon_Address 

<script src="" + Sermon_JWPlayer + ""></script> 

<!-- Link Generator: http://www.sharelinkgenerator.com --> 
<div align="right"> 

<!-- Download Link --> 
<a href="' + Sermon_Address + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_download.png"></a> 

<!-- Facebook Share Link --> 
<a href="' + Share_Facebook + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_facebook.png"></a> 

<!-- Twitter Share Link --> 
<a href="' + Share_Twitter + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_twitter.png"></a> 

<!-- Google Plus Share Link --> 
<a href="' + Share_GooglePlus + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_googleplus.png"></a> 

</div> 
</script> 

UPDATE Спасибо всем за вход. Я понимаю, что я не могу просто переместить переменные JS в HTML, я должен просто использовать JS целиком для получения изображений со ссылками. Вот как я решил это:

<script> 
// Only modify these two links 

var sermon_JWPlayer = '//content.jwplatform.com/players/l9aqB9m4-7l7ZMsAW.js'; 
var sermon_directURL = 'http://content.jwplatform.com/videos/l9aqB9m4-EnqDUKfa.m4a'; 

// Should not need to modify below 
var icon_download = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_download.png'; 
var icon_facebook = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_facebook.png'; 
var icon_twitter = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_twitter.png'; 
var icon_googleplus =  'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_googleplus.png'; 

var Share_Facebook = 'https://www.facebook.com/sharer/sharer.php?u='; 
var Share_FacebookFull = Share_Facebook.concat(sermon_JWPlayer); 
var Share_Twitter = 'https://twitter.com/home?status='; 
var Share_TwitterFull = Share_Twitter.concat(sermon_JWPlayer); 
var Share_GooglePlus = 'https://plus.google.com/share?url='; 
var Share_GooglePlusFull = Share_GooglePlus.concat(sermon_JWPlayer); 

var img = new Image(); 
img.src = "" + icon_download + ""; 
img.onclick = function() 
{window.location.href = sermon_directURL;}; 
document.body.appendChild(img); 

var img = new Image(); 
img.src = "" + icon_facebook + ""; 
img.onclick = function() 
{window.location.href = Share_FacebookFull;}; 
document.body.appendChild(img); 

var img = new Image(); 
img.src = "" + icon_twitter + ""; 
img.onclick = function() 
{window.location.href = Share_TwitterFull;}; 
document.body.appendChild(img); 

var img = new Image(); 
img.src = "" + icon_googleplus + ""; 
img.onclick = function() 
{window.location.href = Share_GooglePlusFull;}; 
document.body.appendChild(img); 

</script> 
+0

Вы не можете просто добавить HTML в элемент сценария. – Quentin

+0

Возможный дубликат http://stackoverflow.com/questions/21434196/html-inside-script-tags – neilsimp1

+2

Вы смешиваете JavaScript и HTML очень странно ... – David

ответ

1

Использование document.getElementById('myLink').href = Sermon_Address внутри яваскрипта коды и дать идентификатор для вашего <a> элемента с помощью id атрибута.

<a id='myLink'> 
Смежные вопросы