嵌入HTML标记的JavaScript代码
时间:2013-12-8
JavaScript代码不仅可以作为一个标记存在于HTML页面中,也可以直接嵌入到一个标记之中,以响应这个标记的某个事件.如:<body onload="alert('hello')">
它表示在文档的主体十四行诗完成后会弹出一个显示hello文字的对话框,其中的JavaScript代码被嵌入到标记中,以属性值的方式出现,这里整个代码是一个字符串,实际上也可以在其中加入以分号隔开的多条语句,实现一个完整的功能,但是,在一个结构良好的Ajax应用中,应该尽量避免这种类型的JavaScript调用 ,因为它将代码分散到页面的各个部分,造成维护的困难.
常用的做法是调用一个全局函数,表示响应事件的处理逻辑,而这个函数在<script>标记中来定义,这样有利于合理地组织程序结构,为标记建立事件响应程序,可以利用DOM模型来引用结点,并将事件处理程序绑定到特定的事件上.
document.body.onload=function(){alert('hello');
}
相信大家在以后的网站建设中会经常遇到相类似的代码.