data-callbackKeys

这里的callbackKeys只是一种统称,实际没有这个自定义属性的,指的是一系列回调写法,因为除了长相不一样,其他都类似,所以合在一起讲了。

其家庭成员包括:

每个回调的作用于使用场景可参见博文说明:点击这里

其中,data-preventdefault并非page元素专有,a元素,form元素也支持此回调,具体可点击这里

其他说明

data-ajaxKeys也是类似的集合API。

补充说明()

有很多人问过静态页面间传参的问题。由于是单页,因此,可以设置个全局对象,专门负责参数传递,但是,有些人就是不想走全局对象传参,怎么办?

是这样的,如果你是点击<a>元素触发的过场,则所有的回调函数中的options这个参数(是个纯对象)中会有一个target属性,其值就是我们之前点击的<a>元素,于是,你就可以获得你想要的参数了。例如:

<a href="load.html?id=111">页面111</a>

111可能是你想传递的参数,然后,就可以通过下面一行脚本获得:

var id = options.target.href.replace(/\D/g, "");