jQuery中的页面载入($()、ready(fn)、onload)
用jQuery进行页面载入时有集中方式,我们通过例子来说明一下:
第一种(通过window.onload()):
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script><script>function t(){//通过attr()方法为id属性值为jd的href赋值$("#jd").attr("href","https://www.jd.com/");}</script></head><body>//此时该a标签没有超链接,我们通过jQuery来为其添加超链接<a id="jd">京东</a></body>
</html>
但此时我们会发现,“京东”并没有超链接,因为代码从上往下,依次执行,执行到<script></script>元素中时,JavaScript中的t()函数方法并没有找到一个id值为jd的标签,所以就不能添加相应的属性及属性值。
那要怎么解决这个问题呢?这就要用到window.onload(),它的作用就是要等到整个页面加载完成时,才能执行JavaScript中的t()函数方法,此时就可以找到id值为jd的标签了。
那问题是在哪加?
答案有两种:一种是直接在function t(){}方法前加上“<mark>window.onload = </mark>”就可以了;另一种就是在body标签栏里添加“onload = "t()"”。
第二种(通过ready(fn)):
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script><script>$(document).ready(function(){$("#jd").attr("href","https://www.jd.com/");});</script></head><body>//此时该a标签没有超链接,我们通过jQuery来为其添加超链接<a id="jd">京东</a></body>
</html>
$(document).ready()可以执行N次,所以不需要添加其他的东西就可以了
第三种(直接通过$(fn)):
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery-1.8.3.js" ></script><script>$(function(){$("#jd").attr("href","https://www.jd.com/");});</script></head><body>//此时该a标签没有超链接,我们通过jQuery来为其添加超链接<a id="jd">京东</a></body>
</html>
其实这一种就是第二种的简化版。
相关文章:

性能,安全,集成才是web之道
年底了,又是一年过去了.今年感觉收获颇多..做web开发将近4年时光,期间没有做过任何完整的winApp,一直从事者网络开发.从最初的留言本--新闻--企业网站--论坛--聊天室--大型门户网站--大流量下载网站--网站系统优化,一路走来,不仅仅是技术上的进步,更重要的是思想上的成熟..今天…

站立会议第四天
今天是我们冲刺周期第四天,今天的站立会议主要有以下内容: 1.完成录入菜的数量函数的编写(gersort) 部分代码如下: void Cmenu::getsort(int SORT) // 录入所点菜的数量 { sortSORT; } cout<<"…

iOS 后台挂起的一些坑
特别说明:后台状态:当前app如果不是作为屏幕中的第一层,呈现显示给用户,那么此时app就是后台状态。锁屏(包括:当前应用下锁屏、其他应用下锁屏、桌面锁屏) 用户在使用其他应用app2,…

jQuery绑定事件的三种常见方式(bind、one、【change、click、keydown、hover】)
一、bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数。 也可以同时给一个元素绑定多个事件,我们来看一下例子: <!DOCTYPE html> <html><head><meta charset"UTF-8"><title>…
Visual Web Development 2005开发ASP.NET使用小技巧
(1)改变端口 VWD2005自带有一个内置的web服务器,当我们使用它进行开发ASP.NET时,可以发现它默认使用的端口是动态改变的,要想使用固定端口,步骤如下1)在“解决方案资源管理器”里选择你的应用…

java 日志框架的选择Log4j-SLF4j-Logback
Log4j->SLF4j->Logback是同一个人开发的 import lombok.extern.slf4j.Slf4j; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.test.context.junit4.SpringRunner;R…

[WCF] - Odata Service 访问失败,查看具体错误信息的方法
Issue 解决 为 Data Service 配置属性如下:[System.ServiceModel.ServiceBehavior(IncludeExceptionDetailInFaults true)]参考 http://salvoz.com/blog/2011/02/18/where-are-the-server-logs/转载于:https://www.cnblogs.com/jinzesudawei/p/7087893.html

Tomcat软件的目录结构、作用
要了解Tomcat的目录结构,首先要知道什么是Tomcat? Tomcat是一个Apache软件基金会Jakarta项目中的核心项目;是一个免费的开放源代码的轻量级Web应用服务器;运行时占用资源小,支持负载均衡与邮件服务等开发应用系统常用功…

这两者需要映射到相同的服务器,从而无法打开项目的解决方法:
1、首先选择文件夹,右键选择共享与安全中的常规,确保其属性是只读,如果还是不能打开项目。则进入第二步。2、到“C:\Documents and Settings\你的用户名\VSWebCache\计算机名\”中, 删除与该项目同名的文件夹。如果还是不行,则进入…

python学习07
Python_learn_day07 1.模块 2.正则表达式 转义字符:反斜杠(\),可以把元字符转义为普通字符。 注意:经常用到的正则表达式最好将其编译,因为编译后的文件运行更快。 利用re中的split()方法拆分复杂的字符串&…

一些零碎知识(域名、DNS、浏览器、动态静态页面、web应用系统工作原理)
域名: http://localhost:8080/practice(胡写的,用于说明问题) http:表明当前请求是http协议,所有的Java Web应用程序都是基于HTTP协议,HTTP全称HyperText Transfer Protocol,意思是…

mybatis简化实现思路
要想实现一个简化的mybatis,主要1.读jdbc配置和mapper.xml 2.jdbc转载于:https://www.cnblogs.com/ljjnbpy/p/9981219.html

76种语言:我爱你
法语:Je taime,Je tadore 德语:Ich liebe Dich 希腊语:Sagapo 犹太语:Ani ohev otach(male or famale),Ani ohevet otcha (male orfamale) 匈牙利:Szeretlek 爱尔兰:taim ingra leat 爱沙尼亚:M…

搜索引擎的实现原理
搜索引擎的实现原理,可以看作四步:从互联网上抓取网页→建立索引数据库→在索引数据库中搜索→对搜索结果进行处理和排序。 从互联网上抓取网页. 利用能够从互联网上自动收集网页的网络蜘蛛程序,自动访问互联网,并沿着任何网页中的…

精通JavaScript--07设计模式:行为型
在本章,我们将继续学习设计模式,着重了解行为型设计模式。我们在第5章所学的创建型设计模式侧重于对象的创建,在第6章所学的结构型设计模式侧重于对象结构,而本章介绍的行为型设计模式则侧重于辅助实现代码库中的多个对象之间的通…

DataX 安装和使用
阿里云介绍: 1. 下载安装包。作为阿里主要的数据传输工具Datax,阿里已经完全开源到github上面了。下载地址(https://github.com/alibaba/DataX)。 2. 安装环境: JDK(1.6以上,推荐1.6)Python(推荐Python2.6.…

关于Adodb.Stream的使用说明
组件:"Adodb.Stream"有下列方法:Cancel 方法 使用方法如下 Object.Cancel 说明:取消执行挂起的异步 Execute 或 Open 方法的调用。Close 方法 使用方法如下 Object.Close :关闭对像CopyTo 方法…

JSP的执行过程(详解)
要了解JSP的执行过程,首要要搞懂什么是JSP,JSP的全称是Java Server Pages,里面包含html标签、css样式、JavaScript脚本和Java代码。 下面我们来说说JSP的执行过程: JSP执行过程: 当用户通过浏览器访问Tomcat上的JSP页面时&#…

VoIP败家子的游戏
现在VoIP比较火,甚至都引起了电信运营商的强烈关注。VoIP替代长途好象是板上钉钉的事情。实际情况是否如此呢?当然不一定是这样的。VoIP是将企业语音电话业务与网络数据业务合二为一,使之能够在一个网络上实现低成本的IP语音和IP数据服务。其…

K8s简单yaml文件运行例子deployment
kubectl run 创建并运行一个或多个容器镜像。创建一个deployment 或job 来管理容器。kubectl run 语法: $ run NAME --imageimage [--env"keyvalue"] [--portport] [--replicasreplicas] [--dry-runbool] [--overridesinline-json] [--command] -- [COMMA…

codeforces round 421 div2 补题 CF 820 A-E
A Mister B and Book Reading O(n)暴力即可 #include<bits/stdc.h> using namespace std; typedef long long int LL; const LL N1,M1,MOD1;int main() {//freopen("t.txt","r",stdin);int c,v0,v1,a,l;scanf("%d%d%d%d%d",&c,&…

JSP中的重定向和请求转发以及它们的区别
我们先硬着头皮看一下重定向的定义: 重定向(Redirect): 客户端浏览器向Web应用服务器端发送一个请求,Web服务器端使用HttpServletResponse的sendRedirect()方法将结果(结果中头信息内HTTP状态码为302&…

想你,是一种美丽
想你,是一种美丽 想你 不论何时何地想你 是一腔热血的唠叨想你 是一地相思泪的燃烧想你 是一弯明月的宣誓想你 是一抹诗情的聚焦 每个路口都有为你守侯的目光每个黄昏都有为你焦急的心你的名字便是祈祷的圣经你的身影便是我梦中永远的天使 即…

通用数据库连接执行类(SQL)
usingSystem;usingSystem.Data;usingSystem.Data.SqlClient;namespacePublic{///<summary>/// CustomADO 数据连接执行类。///</summary>public class CustomADO{#region定义或创建类私有变量或对象private string _connstr; //连接字符串存储变量private …

Alpha冲刺 - (5/10)
Part.1 开篇 队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Part.2 成员汇报 组员2 黄志铭 过去两天完成了哪些任务学习了逻辑层js与界面的数据传送完成共享编辑的界面以及相关接口接下来的计划1.对之前的界面完成逻…

session对象运行机制
当你看到 “会话” 这个词的时候,你会怎么理解呢?是交流、对话的意思吗?那毫无疑问绝对是的啦,只不过那是传统意义上的,或者说是日常生活中的意思,在计算机科学领域,它的意思就要引申一些了。在…

git查看某个文件的提交历史
git log --prettyoneline 文件名接下来使用git show显示具体的某次的改动。git show <git提交版本号> <文件名>转载于:https://www.cnblogs.com/ppsunlight/p/7095612.html

省市县三级级联(模块化开发)
不废话,上代码: 先看一下项目列表: tool包里的代码: 请看:tool包 vo.Area类: package com.jd.vo;public class Area {private String id;private String name;private String code;private String pa…
IOS - 设置与帮助界面
设置与帮助 改动头像, 改动password, 移动客服, 帮助, 声明, 关于我们. 代码 // // IndexSetting600ViewController.h // SymptomChecker // // Created by wang on 2015-7-21. // //#import "CYTableViewController.h"interface IndexSetting600ViewController …

CentOS虚拟机和物理机共享文件夹实现
CentOS虚拟机和物理机共享文件夹实现过程。 一、 安装VMware Tools VMwareTools的安装脚本是要使用到perl的,而CentOS 6自身不带perl,所以需要自己安装。可以自己下载源代码编译,也可以直接用yum来安装。 yum install perl 2、虚拟机工具栏-…