2017-02-14 29 views
1

Я хочу использовать переменную default.aspx.cs в default.aspx файл в сценарии и я успешно это какКак передать переменную внешнему файлу JS в asp.net?

public partial class default: System.Web.UI.Page 
{ 
    public string _file = string.Empty; 
    public string _img = string.Empty; 
    protected void Page_Load(object sender, EventArgs e) 
    { 
     _file = "~/videos/myVideo.mp4"; 
     _img = "~/images/myImg.png"; 
    } 
} 

и в моем default.aspx файле

<html> 
    <body> 
    <div id="dv_video"></div> 
    </body> 
</html> 

<!-- jw Script --> 
<script src="../jwplayer/jwplayer.js"></script> 
<script type="text/javascript"> 
    jwplayer("dv_video").setup({ 
     file: '<%= _file %>', 
     image: '<%= _img %>', 
     height: 500, 
     width: 850 
    }); 
    </script> 
<!-- jw Script --> 

этот код работает отлично, я хочу перенести это код сценария для внешнего файла javascript extras.js Как я могу получить доступ к _file, _img переменной в этом файле javascipt, который выглядит как

jwplayer("dv_video").setup({ 
    file: '<%= _file %>', 
    image: '<%= _img %>', 
    height: 500, 
    width: 850 
}); 

Edited

Я должен использовать этот код, чтобы передать параметр в JS файл extras.js

<script type="text/javascript" src="<%= Page.ResolveClientUrl("~/jwplayer/extras.js") %>"> 
    _image: '<%= _img %>'; 
    _file320: '<%= _file320 %>'; 
    _file480: '<%= _file480 %>'; 
</script> 

и этот код, чтобы использовать параметр на JS файл

jwplayer("dv_video").setup({ 
    image: window._image, 
    sources: [{ 
     file: window._file480, 
     label: "480p HD", 
     "default": "false" 
    }, 
    { 
     file: window._file320, 
     label: "360p SD", 
     "default": "true" 
    }], 
    height: 500, 
    width: 850 
}); 

ответ

1

Там в несколько способы сделать это. Вы можете определить глобальную переменную JS, как это:

<script type="text/javascript"> 
_file: '<% _file %>'; 
_image: '<% _image %>'; 
</script> 

Затем вы можете использовать эти переменные в вашем внешнем JavaScript файл, как это:

var file = window._file; 
var image = window._image; 

Другим решением является добавление этих переменных в вашем HTML, как значения данных. Как следующее:

<html> 
    <body> 
    <div id="dv_video" data-file="<% _file %>" data-image="<% _image %>"></div> 
    </body> 
</html> 

Тогда вы можете получить эти данные стоимостей в ваших JS, как это:

var image = $('#dv_video').data('image'); 
var file = $('#dv_video').data('file'); 
+0

спасибо за вашу помощь, но, к сожалению, оба эти пути did't работа для меня, на самом деле я новичок в java-скрипте, вы можете помочь мне furture –

+0

Hi @UsfNoor - Я хотел бы помочь вам дальше, но вам нужно показать мне, какой из них вы попробовали, и показать мне, как они не работают , Можете ли вы показать мне какой-то код? :-) – Mikkel

+0

У меня есть код для отредактированного раздела вопроса, который я использовал, –

 Смежные вопросы

  • Нет связанных вопросов^_^