JavaScript Javascript脚注创作者

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript Javascript脚注创作者相关的知识,希望对你有一定的参考价值。

var Footnote = Class.create({
	initialize: function(element) {
		var notes = this.findNotes();
		var number = notes.select('li').length + 1;
	
		var ref = document.createElement('a');
		ref.className = 'footnote-reference';
		ref.href = '#footnote-' + number;
		ref.id = 'reference-' + number;
		ref.appendChild(document.createTextNode(number));
		element.parentNode.insertBefore(ref, element);
		
		$(element).removeClassName('footnote')
		
		var li = document.createElement('li');
		li.className = 'footnote';
		li.id = 'footnote-' + number;
		li.appendChild(element);
		
		var backref = document.createElement('a');
		backref.className = 'footnote-backreference';
		backref.href = '#reference-' + number;
		backref.appendChild(document.createTextNode("\u21A9"));
		li.appendChild(document.createTextNode(" "));
		li.appendChild(backref)
		
		notes.appendChild(li);
	},
	findNotes: function() {
		return $('notes');
	}
});
		
Event.observe(window, 'load', function() {
	$$('.footnote').each(function(e) {new Footnote(e)});
})

以上是关于JavaScript Javascript脚注创作者的主要内容,如果未能解决你的问题,请参考以下文章

javascript 简单的工厂创作设计模式

javascript 创作客户端api

javascript 动作创作者。他们将使用thunk进行redux调度

JavaScript学习指南。

JavaScript 快速入门

JavaScript基础---jQuery