操作方法:动态加载整组<nav> </nav>元素

时间:2018-01-12 21:07:09

标签: javascript html css dynamic-loading

背景

我有几个与同一业务相关的网站,它们共享相同的服务器甚至磁盘空间。整个目录树通过文件系统链接,页面显示在所有共享站点上,就好了。但是,每个站点都有不同的,独特的市场细分,品牌,联系数据等。为了适应这种情况,我已经开发了适当的使用XMLHttpRequest()ActiveXObject()从服务器获取外观数据,并使用JavaScript完成各种元素属性的更新。例如,商业名称,联系人链接,背景颜色等以这种方式提供。

目标

实际上,没有一个共享页面可以说任何“导航”,当然没有菜单,但有些网站确实在其他页面上有这些。我现在想在这些共享页面中添加每个站点的导航工具 - 菜单。我相信我可以通过我已经使用的相同机制将所有数据传输到页面。问题是:有什么方法可以“放弃这个?” (没有解析,它将是一个文本墙,但是没关系,我不在乎,只要它有效。)

我已经在每个文件中都有一对<nav></nav>标记,等待这种可能性,但是现在我不确定如何使用JavaScript或其他方式将所有这些内容批量插入到页面中页面技术。 ...如果可以的话,我想避免任何进一步的“服务器端”munging HTML!

我应该给<nav>一个id,然后我可以使用一些基本的JavaScript语法来填充它吗?

当然,我已经有.css文件等等,同名,同一地点,这样有帮助。 ...... TIA!

0 个答案:

没有答案