[入门]RegionJs之HelloWorld

框架入门惯例，从helloworld开始。

创建第一个组件，并在组件内显示文字helloworld。

1.helloworld组件内容如下

<div id="REGION" class="hidden">
    hello world
</div>    
<script type="text/javascript">
RS.ready(function(){
    var region = RS.newStaticRegion("#REGION");   //创建当前组件的对象实例
    region.render();//渲染对象实例
})
</script>

2.在目标区域compholder加载这个组件

<div class="compholder"></div>

<script type="text/javascript">
    RS.ready(function(){
        RS.loadRegion($(".compholder"),"tutorial/induction/lesson2/helloworld.rs");
     })    
</script>

运行结果

代码说明:

1.<div id="REGION" class="hidden"> 组件DOM结构的开始标签

2.RS.ready()组件资源初始化回调函数

3.RS.newStaticRegion()创建一个静态组件实例

4.region.render()渲染组件的DOM结构

小结: 组件的声明和使用确实就是这么简单。