如何將變量傳遞給asp.net中的外部JS文件？

我想在腳本中使用的default.aspx.cs變量default.aspx文件，我成功地像如何將變量傳遞給asp.net中的外部JS文件？

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 
});

編輯

我使用此代碼的參數傳遞給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 
});

來源

2017-02-14 Usf Noor

有幾個如何做到這一點。您可以定義一個全局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');

來源

2017-02-14 07:48:13 Mikkel

感謝您的幫助，但不幸的是這兩種方式我以前不爲我工作，其實我是新來的Java腳本，你能幫我進一步 –

嗨@UsfNoor - 我想進一步幫助你，但你需要告訴我他們哪一個你已經嘗試過，並告訴我他們如何不工作。你能告訴我一些代碼嗎？ :-) – Mikkel

我已經添加了代碼編輯部分的問題，我曾經使用， –

如何將變量傳遞給asp.net中的外部JS文件？

回答

相關問題