用于引用MVC3中Javascript中的HTML元素的结构
Structure for referencing HTML elements from Javascript in MVC3
我们有一个ASP.NET MVC3项目。我们使用ajax调用填充网站的几个部分。假设我们在cshtml
中有一个div
,我们想在其中放置一些搜索结果。
<div id="SearchResult" />
我们已经为我们想要在Javascript文件中引用的所有元素创建了一个包含常量的列表
var selectors = {
SearchResult: '#SearchResult',
...
};
当我们想要访问div
时,我们在Javascript中使用selectors.SearchResult
。
到目前为止,一切都很好。但是,在c#世界中,我们有强大的绑定、编译时警告等,我们认为这里的耦合有点松散。如果我们想重构我们的div
id,我们必须非常小心地找到所有引用并更新它们。
是否有保持javascript和HTML标识符同步的良好做法?有没有将所有div
id提取到javascript文件中的模板/脚本?
向视图添加脚本
<script type="text/javascript">
window.viewConfig = { searchResult: '#SearchResult' };
</script>
让你的JS文件读取这个window.viewConfig.searchResult
。
你也可以进一步,将id存储在一个变量中并使用它
@{
var myId = "SearchResult";
}
然后使用@myId
,使div为
<div id="@myId"></div>
脚本将是
<script type="text/javascript">
window.viewConfig = { searchResult: '#@myid' };
</script>
相关文章:
- 如何设置html元素填充的动画
- 删除对HTML元素的拖动
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 为什么我在Internet Explorer上看不到html元素
- 重新排列HTML元素的顺序并更改内容
- 使用.on动态添加jquery/js不知道的html元素
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何将html元素添加到tampermonkey中
- 访问html元素值javascript
- 如何在HTML元素上创建函数,而不是将元素作为参数传递
- 自定义HTML元素属性未显示-Web组件
- 让HTML元素充当停止滚动的锚点
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 替换HTML元素中的字符
- 如何将html元素添加为生成的内容
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用JS加载HTML元素