目录
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
7.Web前端第三季(JavaScript):我自己写的笔记博客
操作:3:成功:103-jQuery方式监听网页的onload事件
一.目的
1.想:学习前端知识
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
二.参考
1.我自己代码的GitHub网址
GitHub - xzy506670541/WebTest: SIKI学院的Web前端
2.SIKI学院:我参考此视频实操
- 我参考此视频实操
3.w3school官网:当做字典使用
4.菜鸟教程:当做字典使用
5.Web前端第一季(HTML):我自己写的笔记博客
6.Web前端第二季(CSS):我自己写的笔记博客
7.Web前端第三季(JavaScript):我自己写的笔记博客
三.注意
操作:1:成功:101-什么是jQuery
1.运行结果:成功:
什么是jQuery?
jQuery是一个封装好的JavaScript框架,可以更加简单的实现一些js的功能。
里面提供了很多简单易用,功能强大的东东。
兼容各个浏览器。
操作:2:成功:102-jQuery的下载和引入
1.下载:成功
找到所有的jQuery版本
保存jQuery文件
1.创建jQuery项目:成功
将保存的jQuery文件保存在此处
1.运行结果:成功:引入jQuery文件
操作:3:成功:103-jQuery方式监听网页的onload事件
1.运行结果:成功:4中onload方式
注意:使用$必须要添加写导入jQuery代码
<script type="text/javascript" src="./js/jQuery/jQuery%20Core%203.3.1-minified.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 使用jQuery必须添加此句 -->
<!-- <script type="text/javascript" src="./js/jQuery/jquery-3.3.1.js"></script> -->
<script type="text/javascript" src="./js/jQuery/jQuery%20Core%203.3.1-minified.js"></script>
<script type="text/javascript">
// onload:方式1:
// function init() {
// alert("onload");
// }
//onload:方式2:
// function init() {
// alert("onload");
// }
// window.onload=init();
//onload:方式3:$用来指定网页加载完成后要执行的函数
// 必须要添加jquery,因为$是jQuery函数
// function init() {
// alert("onload");
// }
// $(init);
//onload:方式4:使用匿名函数
$(function() {
alert("onload");
});
</script>
</head>
<!-- onload:方式1: -->
<!-- <body onload="init()"> -->
<body>
</body>
</html>