jquery的两种常用自动加载方法

2023-11-05



一、jquery+JavaScript的三种常用自动加载方法:
1、
(function($){




})(jQuery);


2、
$(function(){


});


3、 window.οnlοad=function(){ 


}


加载的先后顺序:
第一步:代码块1加载。(是在css(html)信息加载完毕前运行。)
第二步:代码块2加载。(是在css(html)信息加载完毕后运行,实际开发中试用与动态加载图片效果下使用)
第三步:代码块3加载。(在时间上是比代码块2还要延迟加载。实际开发中,适用于根据屏幕分辨率动态设置某个div的高度(以某个标准固定的div高度为标准))





二、js获取地址栏中的参数的方法:
$(
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
};
wid=$.getUrlParam('id');//地址栏中的键为id的值。


});



三、实例:


var html2="";
(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
};
key=$.getUrlParam('neirong');
//设置全局搜索
var search=$.getUrlParam('search');
if(search!=null){
$("#s").val(decodeURI(decodeURI(search)));//设置要搜索的内容
}
// var key2=$.getUrlParam('neirong');
//设置默认复选框勾选
var arr = key.split("-");
for(var str in arr){
var arr2 = arr[str].split(":");
//判断级别
if(arr2[0]=="dengji"){
var arr3 = arr2[1].split(",");
for(var str2 in arr3){
if(arr3[str2]=='EX'){$("#bingweiJB1").attr("checked","true");}if(arr3[str2]=='EW'){$("#bingweiJB2").attr("checked","true");}if(arr3[str2]=='RE'){$("#bingweiJB3").attr("checked","true");}if(arr3[str2]=='CR'){$("#bingweiJB4").attr("checked","true");}
if(arr3[str2]=='EN'){$("#bingweiJB5").attr("checked","true");}if(arr3[str2]=='VU'){$("#bingweiJB6").attr("checked","true");}if(arr3[str2]=='NT'){$("#bingweiJB7").attr("checked","true");}if(arr3[str2]=='LC'){$("#bingweiJB8").attr("checked","true");}
if(arr3[str2]=='DD'){$("#bingweiJB9").attr("checked","true");}
}
}
//判断类别
if(arr2[0]=="plantoranimal"){

if(arr2[1]==1){$("#niminggo1").attr("checked","true");$("#niminggo2").attr("checked","");}
if(arr2[1]==2){$("#niminggo1").attr("checked","");$("#niminggo2").attr("checked","true");}
}
}
//专门获取通知类型的物种图片信息
wid=$.getUrlParam('id');
wlx=$.getUrlParam('wzlx');
var html2="";
$.ajax({
  async: false,
url:'searchSpeciesPic.do',
type:'post',
dataType:'json',
data: {"wid":wid},//物种ID
error:function(){
alert('Error loading');
},
success:function(data){
var flag=data.totalCount;
var num=0;
html2+='<ul >';
$.each(data,function(i,item){
$.each(item,function(index,value){
//top picture   
if(num==0){
var html='<a href="javascript:void(0)"  οnclick=javascript:openpic("'+value.picurl+value.picname+'","'+(value.comefrom==""?"未知..":value.comefrom)+'") rel="prettyPhoto[gallery1]">'+
    '<img src="'+value.picurl+value.picname+'" alt="" width="230" height="200" border="0" />'+
    '</a>';
num++;
}
//list picture
html2+=' <li>'+
' <a  href="javascript:void(0)"  οnclick=javascript:openpic("'+value.picurl+value.picname+'","'+(value.comefrom==""?"未知..":value.comefrom)+'") >'+// rel="prettyPhoto[gallery1]"
' <img src="'+value.picurl+value.picname+'" alt="" width="140" height="100" border="0" />'+
' </a>'+
' </li>';
if(value.picname=="zwpic.png"||flag=="1"){
//设置物种列表中的所有图片,如果存在就显示,不存在直接默认隐藏
$("#contentpic").css("display","none"); 
}
$("#content_pic_id1").html(html);
});
});
html2+=' </ul>';
}
  });
$('#inputpic').html(html2);
})(jQuery);

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery的两种常用自动加载方法 的相关文章

随机推荐

  • 双向可控硅控制220v通断电路_什么是双向可控硅,它在交流调压电路中有哪些应用...

    一 导读 目前交流调压多采用双向可控硅 它具有体积小 重量轻 效率高和使用方便等优点 对提高生产效率和降低成本等都有显著效果 但它也具有过载和抗干扰能力差 且在控制大电感负载时会干扰电网和自干扰等缺点 下面来谈谈可控硅在其使用中如何避免上述
  • mysql join底层实现

    两个表join底层实现 5 5 版本之前 MySQL本身只支持一种表间关联方式 就是嵌套循环 Nested Loop Join 如果关联表的数据量很大 则join关联的执行时间会非常长 在5 5以后的版本中 MySQL通过引入BNLJ算法来
  • centos7自定义ssh端口号

    文章目录 一 背景介绍 二 步骤 1 查看本机系统属性 2 查看是否已安装ssh服务 3 修改默认端口 4 重启sshd服务 5 关于防火墙 6 验证登录流程 一 背景介绍 SSH 为 Secure Shell 由 IETF 的网络工作小组
  • 自动表单数据封装到javaBean中

    页面表单数据的自动封装到javaBean中 先定义一个Bean类 package com test public class Bean private String name private Integer sex public Strin
  • 第一章 微服务必备核⼼-快速⼊⻔SpringBoot2.X

    1 SpringBoot2 X和SpringCloud微服务的关系 SpringBoot 是一个快速开发框架 通过用MAVEN依赖的继承方式 帮助我们快速整合第三方常用框架 完全采用注解化 使用注解方式启动SpringMVC 简化XML配置
  • vue3 setup + ts + vite 项目问题解决:Cannot find module ... or its corresponding type declarations.(ts2307)

    昨日我尝试使用vue3 setup ts vite进行vue3项目的实现 遇到此问题 Cannot find module or its corresponding type declarations ts2307 文件报错类型以及ts官方
  • 转载:CCNP学习考试心得

    CCNP学习考试心得 当计算机屏幕上显示 Congralation时 我不禁长出一口气 心中想 终于考完了 我所说的终于考完是指 我终于完成了CCNP考试 四个月的学习 对于某些人来说可能太长了 但是要真正掌握ccnp的内容我感觉四个月还只
  • 手把手教你使用python发送邮件

    前言 发送电子邮件是个很常见的开发需求 平时如果有什么重要的信息怕错过 就可以发个邮件到邮箱来提醒自己 使用 Python 脚本发送邮件并不复杂 不过由于各家邮件的发送机制和安全策略不同 常常会因为一些配置问题造成发送失败 今天我们来举例讲
  • 混合模型简介与高斯混合模型

    高斯混合模型 混合模型概述 In statistics a mixture model is a probabilistic model for representing the presence of subpopulations wit
  • C++primer 阅读随记

    目 录 一 C 基础 1 变量和基本类型 2 字符串 向量和数组 3 表达式 4 语句 5 函数 6 类 二 C 标准库 1 IO库 2 顺序容器 3 泛型算法 4 关联容器 5 动态内存 三 类设计者的工具 1 拷贝控制 2 重载运算与类
  • 实施Microsoft Dynamics 365 CE-5. 配置Dynamics 365 CE组织,包括配置不同的Dynamics 365 CE设置。

    本章将帮助您了解Dynamics 365 CE中为个人和管理员提供的Dynamics 365配置选项 您将了解哪些选项可以为单个用户配置 哪些是管理员用户可以完成的配置 您将了解业务管理和服务管理设置下提供的不同配置选项 您还将了解Dyna
  • RobotFramework之高级API

    一 窗口跳转 跳转页面的时候需要获取句柄 Get Window Handles 获取窗口的句柄 Select Window By Handle 切换到新窗口 但是在seleniumLibrary中只有Select window 所以我们进入
  • Top K问题的两种解决思路

    Top K问题在数据分析中非常普遍的一个问题 在面试中也经常被问到 比如 从20亿个数字的文本中 找出最大的前100个 解决Top K问题有两种思路 最直观 小顶堆 大顶堆 gt 最小100个数 较高效 Quick Select算法 Lee
  • 自适应表格中input框输入文字布局被打乱

    我今天在写一个新增用户表单的时候 发现我只要输入文字 input框的高度就会改变 导致布局被打乱 这是正常排列好的样式 这是我输入中文后的样子 后来我发现输入中文后 input的高度被撑开了 我一开始没有给盒子设置固定的高度以及行高 设置完
  • C 语言基础-什么是常量、变量?

    C 语言基础 常量和变量 常量 只读 常量是只读的固定值 在程序运行期间不会改变 不能被程序修改的量 可以是任意类型 定义常量的方式有两种 使用 define 宏定义 使用 const 关键字 常量大体分为 直接常量 字面常量 符号常量 d
  • python练习61:打印出杨辉三角形,包含二维列表的应用

    打印出杨辉三角形 要求打印出10行如下图 yanghui for i in range 10 yanghui append 构造二维列表 for j in range i 1 if j 0 or j i yanghui i append 1
  • CCF-CSP真题-2022-06-1归一化处理讲解

    题目传送门 这是CCF CSP2022 06的第一题 相比较还是比较简单 较难理解的是方差 每个样本值与全体样本值的平均数之差的平方值的平均数方差 数学计算公式是这样的 然而 用代码来写要简洁得多 这里采用暴力的复杂度算法 for int
  • MySQL utf8mb4 字符集,用于存储emoji表情

    最近在做微信相关的项目 其中MySQL 要存储emoji表情 因此发现我们常用的utf8 字符集根本无法存储表情 网上有不少替代方案 本人还是采用了修改MySQL字符集的方案简单快捷 首先将我们数据库默认字符集由utf8 更改为utf8mb
  • Pandas分组与排序

    Grouping and Sorting 分组 agg 排序 经常需要将数据根据某个字段划分为不同的组 group 进行分析 然后对组里的数据进行特定的操作 pandas的 groupby 操作便是实现这一功能 groupby的过程就是将原
  • jquery的两种常用自动加载方法

    一 jquery JavaScript的三种常用自动加载方法 1 function jQuery 2 function 3 window nl ad function 加载的先后顺序 第一步 代码块1加载 是在css html 信息加载完毕