R.js

R.$( id )

等同于 getElementById() 方法，可返回对拥有指定 ID 的第一个对象的引用

id 元素 ID ，字符串

R.$( "test" ).innerHTML;
R.reader( func )

页面完全加载完毕后执行函数。

func 函数名称或匿名函数

func 可接受参数

time 加载页面耗时，单位：毫秒，此值为估算值

R.reader( function( time ){ alert( '加载页面花了' + time + '毫秒' ); } );

R.resize( func )

页面尺寸变化后执行函数。

func 函数名称或匿名函数

R.resize( function(){ alert(''); } );

R.template( tmpl, data )

微型 JavaScript 模板引擎，它拥有缓存机制、支持使用原生的 JS 语法进行逻辑判断

tmpl 模板内容或元素 ID

data 数据集，JSON

<script type="text/html" id="user_tmpl">
        链接总数：<%=users.length%>
        <% for ( var i = 0; i < users.length; i++ ) { %>
        <li><a href="<%=users[i].url%>"><%=users[i].name%></a> <%=(  i == users.length - 1 ? '*' : '' ) %></li>
        <% } %>
</script>

<div id="results"></div>

<script>
        var dataObject = { users : [ { url : 'http://www.veryide.com/projects/mojs/', name : 'R.js' }, { url : 'http://www.veryide.com', name : 'VeryIDE' } ] }
        var results = document.getElementById("results");
        results.innerHTML = R.template("user_tmpl", dataObject);
</script>
R.script( src[, attr, func, target] )

加载 JavaScript 到文档或指定元素中。

src 文件名称或地址，R.js API 请直接使用短标识

attr 属性集合，{ "abc" : "def" } 形式，可以多个

func 回调函数

target 插入到目标元素上，默认为 <head>

R.script( "script.js", { "charset" : "utf-8" }, function(){ test() } );

加载 Mo API 到文档，请使用其标识，例如加载 mo.drag.js，则为 drag 。

R.script( "drag", {}, function(){ new R.Drag( R("#drag img").item(0) ); } );

R.assets( file[, func, target] )

加载 JavaScript 到文档或指定元素中。

file 单个或多个文件资源地址

func 回调函数

target 插入到目标元素上，默认为 <head>

R.assets( 'script.js' );
R.assets( ['pack.magick.js', 'pack.upload.js'], function(){ test() } );
R.jsonp( src, attr, func )

加载 JavaScript 到文档或指定元素中。

src 文件名称或地址，R.js API 请直接使用短标识

attr 属性集合，{ "abc" : "def" } 形式，可以多个

func 回调函数

func 可接受参数

data JSON 数据

R.jsonp( "json.php?callback=?", { "charset" : "utf-8" }, function( data ){ alert( data ); } );

R.find( selector[, context] )

Mo 选择器，返回匹配的页面元素，如果找到匹配元素则返回 array，否则返回 false。

selector 选择器表达式

context 基准对象，默认为 document

document.write( R.find( "#wrapper" )[0].tagName );

R.create( node[, attr] )

元素创建工具，返回新创建的元素对象。

node 标签名称

attr 属性集合，{ "abc" : "def" } 形式，可以多个

R.create( "div", { "id" : "element", "innerHTML" : "New Element" } );

R.toast( style, html[, config, func ] )

页面消息。

style 样式名称

html HTML 代码

config 选项配置

func 回调函数

config 可接受参数

time 显示时间，默认 3 秒

unique 唯一ID，设置此参数可以使用选择器来访问

R.toast( "message", '我是来自页面的消息', { 'unique' : 'toast' } );

R.extend( func )

扩展 R 选择器方法。

func 方法集合，{ "abc" : "def" } 形式，可以多个

R.extend( { 'read' : function(){ alert( this.self[0].innerHTML ); } } );

支持串联方法。

R.extend( { 'read' : function(){ alert( this.self[0].innerHTML ); return this; } } );
R.lazy( [attr] )

图片资源懒加载。

attr 图片选择器属性，默认值：raw

R.lazy( 'origin' );
R.getViewportSize()

获取当前视口信息。

R.getViewportSize( );
R.getClinetRect( ele )

获取元素在视口内的位置信息。

ele 元素对象

R.getClinetRect( R.$('element') );

R.getScrollPosition( )

获取当前滚动条信息。

R.getScrollPosition( );

返回数据示例

{"left" : "0","top" : "0"}