1、document.ready 和 onload的区别
document.ready表示文档结构已经加载完成(不包含图片等非文字媒体文件)
onload 表示页面包含图片等文件在内的所有元素都加载完成
jq开始写脚本
$(function(){
//$("#id").onclick(function(){
//});
//do something
});
等同于
$(document).ready(function(){
//do something
});
或者
$().ready(function(){
//do something 不常用
});
页面中内容加载顺序
域名解析——>加载HTML——>加载js和css——>加载图片等其他信息
js开始写脚本的方式
1、在<script>标签中写js脚本语言
for example:
<script>
function search(val){
alert(val)
};
</script>
2、在事件属性中,当事件触发时执行js脚本语言
for example:
<button οnclick="javascript:search(val)"
3、将js脚本语言写入到独立的js文件中,然后在文档中加载该js文件
for example:
<script typr="text/javascript" src="../js/search.js"></script>
document.ready表示文档结构已经加载完成(不包含图片等非文字媒体文件)
onload 表示页面包含图片等文件在内的所有元素都加载完成
jq开始写脚本
$(function(){
//$("#id").onclick(function(){
//});
//do something
});
等同于
$(document).ready(function(){
//do something
});
或者
$().ready(function(){
//do something 不常用
});
页面中内容加载顺序
域名解析——>加载HTML——>加载js和css——>加载图片等其他信息
js开始写脚本的方式
1、在<script>标签中写js脚本语言
for example:
<script>
function search(val){
alert(val)
};
</script>
2、在事件属性中,当事件触发时执行js脚本语言
for example:
<button οnclick="javascript:search(val)"
3、将js脚本语言写入到独立的js文件中,然后在文档中加载该js文件
for example:
<script typr="text/javascript" src="../js/search.js"></script>