SubView的功能有点类似于IFrame,但是它比IFrame更加轻量相应速度更快。 SubView内部是利用Ajax从后端获取HTML、js和css并最终直接把他们渲染到当前页面中的。

基本用法

动态装载

需要注意的是,SubView对HTML要求与IFrame有些不同。 SubView只能装载纯的HTML的片段,其中不应该包含<html>、<head>、<body>、<script>、<style>"这些标记。 如果要装载的HTML片段需要由相应的js或css,他们必须被放在一个独立的文件中,并且通过jsUrl和cssUrl这两个参数通知SubView来装载。

jsUrl和cssUrl都支持定义多个URL,只要使用String数组就可以了。 在下面的例子中jsUrl和cssUrl被定义成了“$”,这是一种特殊的简写,表示js和css的URL与HTML片段的url除后缀名不同之外,其他都完全相同。 以jsUrl为例,“$”相当于“../../examples/sub-view/sub-view2.js”。