2017-02-14 80 views
1

我想在脚本中使用的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 
}); 

回答

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

感谢您的帮助,但不幸的是这两种方式我以前不为我工作,其实我是新来的Java脚本,你能帮我进一步 –

+0

嗨@UsfNoor - 我想进一步帮助你,但你需要告诉我他们哪一个你已经尝试过,并告诉我他们如何不工作。你能告诉我一些代码吗? :-) – Mikkel

+0

我已经添加了代码编辑部分的问题,我曾经使用, –

相关问题