<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加载事件</title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body onload="alert('js');">
<style type="text/css">
#bbb{ background-color:#039;}
</style>
<div class="aaa" id="bbb">
无标题文档1
</div>
<div class="aaa" id="bbb">
无标题文档2
</div>
<div class="aaa" id="bbb">
无标题文档3
</div>
<script type="text/javascript">
//jQ 也是js来的，不同的是使用js封装是一个库，所以也叫 js 库
//jQ 把文档结构加载完后，就开始加载 jQ
//$(document).ready(function(){})可以简写成$(function(){});
$(function(){
alert('jq');
});
$(function(){
alert('jq2');
});
$(function(){
alert('jq3');
});
$(function(){
alert('jq4');
});
$(document).ready(function(){ // == $(function(){
alert('jq5');
});
//js onload 事件会在页面或图像加载完成后立即发生。
//onload 不能同时出现两次
window.onload = function(){
alert('js2')
}
//$(function(){});这个是在页面DOM文档加载完成后加载执行的，等效于$(document).ready(function(){...});
//优于window.onload，后者必须等到页面内包括图片的所有元素加载完毕后才能执行。
</script>
</body>
</html>
效果图：
相关推荐
标题和描述中提到的"JQ JS javascript echarts 多图表 多曲线 多柱状图 多饼图 多仪表盘 加载 多图表加载"，是指使用jQuery、JavaScript和ECharts库来创建一个单页面应用，该应用能够同时加载和展示多种图表，包括...
在IT领域，JavaScript（JS）和jQuery（JQ）是前端开发中不可或缺的工具，尤其在实现用户交互和动态效果方面。本主题聚焦于利用这些技术实现截图和画图功能，这在现代Web应用中非常常见，比如在线教育、协作编辑、...
1. 添加事件监听器：使用原生JavaScript的`addEventListener`为元素添加`mousedown`、`mousemove`和`mouseup`事件。 ```javascript var draggingElement = null; document.addEventListener('mousedown', function...
**JQ 图片懒加载**是一种优化网页性能的技术，它主要应用于含有大量图片的页面，以提高页面加载速度和用户体验。在传统的网页加载中，所有图片会在页面加载时一次性加载，这可能导致页面加载时间过长，尤其是对于...
在JavaScript的世界里，jQuery库（通常简称为JQ）是一个非常流行的选择，它极大地简化了DOM操作、事件处理以及AJAX交互。其中，“JQ鼠标滚轮事件”是jQuery提供的一种方便的方式来监听和处理用户的鼠标滚轮动作。这...
图片延迟加载是一种优化网页性能的技术，它通过只加载视口内的图片来减少页面初始化时的数据传输量，提高页面加载速度，提升用户体验。...通过合理的配置和应用，可以进一步优化网站的加载速度和资源利用效率。
JavaScript，通常简称为JS，是一种广泛应用于网页和网络应用的轻量级、解释型的编程语言。它与HTML和CSS一起，构成了网页开发的基础三要素。JavaScript的核心特性包括： 1. **动态类型**：JavaScript是动态类型的，...
在JavaScript中，DOM允许开发者通过选择元素、更改属性、添加事件监听器等方式来操作页面内容。例如，`document.getElementById`用于获取ID匹配的元素，`appendChild`则用于向元素添加子节点。 2. FreeMarker： ...
在IT领域，尤其是在Web开发中，`JQ`、`JS`、`javascript`和`bootstrap`是四个非常重要的概念。这些技术共同构建了交互性强、用户体验良好的网页应用。让我们详细了解一下这些知识点。 首先，`javascript`是网页开发...
总的来说，JQ瀑布流加载涉及到的技术点包括：jQuery的DOM操作、AJAX请求、JSON数据解析、滚动事件监听以及瀑布流布局算法的实现。通过这些技术的组合，我们可以在网页上实现流畅且美观的瀑布流加载效果，提高用户...
Ajax（Asynchronous JavaScript and XML）和jQuery（JQ）结合的滚动加载页面技术，是现代网页开发中的一个重要实践，尤其在大数据量、高交互性的网站中广泛应用。这种技术通过监听用户的滚动行为，当页面接近底部时...
标题“JQ 自动加载页面”指的是使用jQuery库实现页面内容的自动加载功能。这种技术在网页开发中常用于分页、无限滚动或是动态加载更多内容的场景，以提高用户体验，减少用户手动翻页的繁琐操作。jQuery是一个流行的...
"JQ 图片的懒加载"是一种优化技术，用于提高网页性能和用户体验。它主要针对那些位于视口下方，用户在初次加载页面时并未看到的图片。传统上，所有网页上的图片都会在页面加载时一次性下载，这可能导致页面加载速度...
在IT行业中，jQuery（通常简称为jq）是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。本话题主要聚焦于使用jQuery实现拖拽功能，并且扩展到支持双击事件。这在网页设计中非常常见，...
标题中的"api jdk jq js html"涉及到的是四个主要的编程和前端开发相关的知识点：API（应用程序接口）、JDK（Java Development Kit）、jQuery（简称jq）以及JavaScript（简称js）和HTML（超文本标记语言）。...
**jQuery Mobile a4中文教程**是针对jQuery Mobile的中文版参考手册，包含了该框架的详细API、组件介绍、事件和方法，对于学习和理解jqmobile的用法非常有帮助。通过阅读这个教程，开发者可以更好地理解如何利用jq...
本文将深入探讨如何使用jQuery（JQ）和纯JavaScript（JS）进行表单验证，并结合"JQ表单验证大全"这个资源，提供一些实用的验证方法和策略。 ### jQuery表单验证 jQuery提供了丰富的API，使得表单验证变得简单易行...
在JavaScript编程语言中，`Date`对象是处理日期和时间的核心工具。`new Date()`构造函数用于创建一个表示当前日期和时间的新`Date`对象。然而，在这个特定的场景下，我们关注的是如何使用`Date`对象来获取指定日期...
jQuery 提供了多种方法来实现这一功能，如 `.click()`, `.mouseover()`, `.mouseout()` 等，这些方法使得添加事件监听器变得简单易懂。除此之外，jQuery 还支持更通用的 `.on()` 方法，它是事件处理的基石。 ### 1....