首页
学习
活动
专区
圈层
工具
发布

js的动态加载、缓存、更新以及复用(三)

也就是说在子页里,不用去考虑jQuery有没有加载,加载完成了没,不用再令写一行加载的js,直接用就好了。   ...3、  如果有缓存信息,那么说明这是子页。调用适配函数,让子页可以访问top页里加载的js文件。然后看看子页里有没有jsReady函数,如果有则调用。...4、  如果没有缓存信息,说明这是top页面,需要加载另一个js(bootLoad.js)。这个是真正干活的文件。这里放在配置信息和加载css、加载js的函数。然后开始各种加载。   ...Top页面就是最外面的页面,top页面里用iframe加载其他页面,叫做子页。 3、 子页是啥?   在top页面里用iframe加载的页面。可以通过top.的方式来访问top页里的信息和函数。...就是让子页用top页里加载好的js。 11、  如何避免各个文件里的函数名称冲突?     我用的是命名空间的方式,C#写的比较多了,感觉命名空间挺好用的,就移植过来了。

6.7K90

页面参数传递

在做页面的时候,比如用户数据(用户头像,名称,年龄)这些信息,因为大部分页面都要用,之前是通过url地址传,另一页面接收。...url传值与取值的过程 url通过跳转页面,给跳转页的url问号后拼接参数的方法传值 1//问号后的userId / dialogId都是要传的参数 2//如果有多个参数,就用“&”拼接 3window.location.href...= null) { 18 return decodeURI(r[2]); 19 } 20 return "请选择"; 21} 使用方法获取参数: 1//调用方法获取参数,方法中的参数名是一个字符串...2var userId = getQueryString('userId') 通过cookie方法传值 我这里使用的是jQuery cookie,因此需要先加载jQuery与cookie: 1jquery/plugins/jquery.cookie.js"> 在其中一个页面,比如首页,将要保存的值存放在cookie.

3.8K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序开发知识必备-自定义组件

    ,触发 onLoad 方法,一个页面只会调用一次(刚加载时调用一次); 页面载入后触发 onShow 方法,显示页面,每次打开页面都会调用一次 (只要展示这个页面,就会自动加载); 首次显示页面,会触发...onReady 方法,渲染页面和样式,一个页面只会调用一次(刚加载时调用一次); 当小程序后台运行或跳转(wx.navigateTo)到其他页面时,触发 onHide 方法; 当小程序从后台进入前台运行或重新载入页面时...,触发 onShow 方法; 当小程序使用 wx.readirectTo()、关闭当前页和返回上一页 wx.navigateBack(),会触发 onUnload 1.小程序 页面加载顺序是先加载 onLoad...但是,onload 不管定义多少个,只执行一个(最后一个) 加载顺序是先加载 ready,后 onload,正好和小程序相反 3.Jquery (document).ready(function())...select" } } 注意事项: v-select 是你定义的组件的名称,后面的是组件所在的位置。

    1.5K20

    ASP.NET MVC编程——视图

    每一行前面加上“@:” 5)使用注释 使用@*和*@将要注释的部分包起来 6)用@@在页面上显示@ @using 在一个View中引入此页所需程序集的命名空间。...为: 点击调用 4 视图定位 视图放在Views文件夹下 Views文件夹的子文件夹名称为控制器名称 视图名称可以是控制器操作方法名称也可以不是...5页面布局 Views文件夹下_ViewStart.cshtml文件指定默认的模板,这个视图先于任何试图运行。...节,可以想象这样一个场景,每个页面都需要加载js文件,而他们既有共用的js文件,又有非共用的js文件,那么可以在使用_LayoutOther.cshtml的视图中定义section 节来加载只有此页面使用的.../index") } 这个节加载只供Index.cshtml这个页面实用的js,这样其他不需要这个js的页面就不必加载这个js,从而达到减少页面加载文件的目的进而优化了页面。

    3.7K100

    第78天:jQuery事件总结(一)

    一、jQuery中的事件 1、加载DOM:   执行时机:在常规的JavaScript中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready()方法,...要解决这个问题,可以使用jQuery中的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件中绑定一个处理函数。...(){ 2 //code... 3 } window.onload()不能多次调用,jQuery的$(document).ready()方法就可以很好的解决这种问题——每次调用$(document)...//code... 6 } 7 8 //下面的jQuery代码就可以顺序执行上面的两个函数,并且如果还有其他的绑onload函数也可以这样绑定 9 $(document).ready(function...; 6 }); 7 }) 这里需要知道的一点是,jQuery中bind方法是可以多次调用的,并且可以简化为将上面的第二个bind去掉。

    1.1K20

    WordPress 通过模板文件和自带的函数引入 cssjs 的两种方法

    > 但是 WordPress 不能确定是否在在页面加载了 JS,Css 文件,如果另一个插件使用相同的 JS,Css 文件,就无法检查 JS,Css 文件是否已经被包含在页面中。...您可以使用函数,如 get_template_directory_uri() 来获取主题目录中的样式文件。永远不要去想硬编码了! $deps (数组,可选)处理相关样式的名称。...的 wp_footer() 函数中调用,这个函数通常刚好位于页面的 标签前面(当然是末尾了)。...比如我单独创建了一个链接页面,在这个页面中我使用了 jQuery 方法来获取链接网站的 favicon。...以上面的情景为例,既然我们需要先调用 jquery.js 文件,那我们就在该代码段之前直接输出需要的 jquery.js 文件,不使用 wp_enqueue_script() 函数,而改用 wp_print_scripts

    2.3K30

    js的动态加载、缓存、更新以及复用(一)使用范围:遇到的问题:目标:页面结构:正文

    这个倒是可以,但是页面必须引用jQuery和我写的加载js文件的js。也就是说一个页面要写两个,这个就麻烦了。...为了更稳定一点,决定采用一个一个加载的方式,即加载完一个js,然后在加载另一个js。这样就可以确保依赖关系。当然缺点是加载速度会比较慢。...一般的做法是,父页里加载jQuery.js,然后子页里也要加载jQuery.js。当然当子页在加载jQuery.js的时候,直接从缓存里面提取,一般不会再去折腾服务器了。   ....$ (’div’) ; //能够找到div,但是不是子页的div而是父页里的div。   咋回事呢?原因就在于搜索范围。jQuery是有三个参数的,我们平时只用了第一个,后面的就被忽略了。...没有指定的时候,jQuery会在哪里搜索呢?加载jQuery的页面里面搜索,而不是调用$的页面里搜索。

    4.3K50

    最常见的 20 个 jQuery 面试问题及答案

    使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。...如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称,value是属性的新值。   ...(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。...如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称,value是属性的新值。

    14.7K30

    jQuery:详解jQuery中的事件(一)

    现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。   JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。...一、jQuery中的事件   1、加载DOM:   执行时机:在常规的JavaScript中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready()方法...要解决这个问题,可以使用jQuery中的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件中绑定一个处理函数。...(){ //code... }   多次调用: window.onload方法是不能被多次调用的,因为JavaScript的onload事件一次只能保存对一个函数的引用,它会自动用后面的函数覆盖前面的函数...})   这里需要知道的一点是,jQuery中bind方法是可以多次调用的,并且可以简化为将上面的第二个bind去掉。

    2.3K20

    jquery面试题目_高并发面试题

    正如你所见,从语法角度来说,ID 选择器和 class 选择器的另一个不同之处是,前者用字符”#”而后者用字符”.”。更详细的分析和讨论参见上面的答案链接。 4....使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它,浏览器会按它们在 HTML 页面里出现的顺序执行它们,相反对于 onload 技术而言,只能在单一函数里使用...(this) 返回一个 jQuery 对象,你可以对它调用多个 jQuery 方法,比如用 text() 获取文本,用val() 获取值等等。...如果你在调用attr()的同时带上一个值 例如. attr(name, value), 这里name是属性的名称,value是属性的新值。...方法链是对一个方法返回的结果调用另一个方法,这使得代码简洁明了,同时由于只对 DOM 进行了一轮查找,性能方面更加出色。 19.

    10K10

    jQuery基础(五)一Ajax应用与常用插件-imooc

    url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数 例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在...在浏览器中显示的效果: 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为...可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数 例如,点击页面中的“加载”按钮,调用getJSON() 方法获取服务器中JSON格式文件中的数据,并遍历数据...使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax...为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get 例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,当请求成功时调用

    17.8K20

    Pbcms Ajax 无刷新加载内容

    var Page = parseInt('0') + 1; //Num就是每页几条信息,因为列表默认显示的是2条,所以这里设为2,结合上面的第二页实际上就是从第三条信息开始读取。...二、页面滑动到底部加载更多文章 原理同上,只不过改变一下事件,原来是点击按钮触发的,改成滚动监听。...//使用jQuery的scroll()方法来监听页面滚动 jQuery(window).scroll(function(){     //当前窗口和页面顶部的距离     var WindowTop ...;          //页面的高度     var DocHeight = jQuery(document).height();          //定义一个开关     var load = true...;          //判断:(窗口与页面顶部距离 + 窗口高度) >= 页面的高度(也就是滚动到页面底部的时候),并且开关是开启状态,执行ajax加载内容     if( ( WindowTop +

    4.8K20

    JS基础第四课、JQ基础第一课(BOM、JQuery框架)

    ①跳转页面:location.assign(href)②代替页面(没有历史记录):location.replace()③重新加载页面(f5):location.reload()的常规操作以及一些扩展(2)学习JQuery本质:学习调用函数(方法)2、jq的引入及输出jquery-3.6.0.js">console.log(jQuery);二、入口函数(类似于onload)1、文档加载完毕,图片不加载时候就可以执行函数(1)写法一:...】三、常用API(jQuery 选择器 | 菜鸟教程)1、选择器原生js获取方法有很多,且具有兼容性,jq来给封装,获取元素方法统一标准【放到肚子里面去】(1)格式$('选择器')(2)方法:和CSS样式获取选择器元素的方法一致...元素(伪数组的形式存储)的过程【给匹配的元素进行循环遍历,方便调用】(1)获取当前点击下标:$(this).index()(2)获取指定元素:$('元素').eq(index) <ul

    1.5K10

    【Html.js——效果实现】网页 PPT(蓝桥杯真题-2418)【合集】

    页面最终效果如下: 要求规定 请严格按照考试步骤操作,切勿修改考试默认提供项目中的文件名称、文件夹路径、class 名、id 名、图片名等,以免造成无法判题通过。...详细解释 变量初始化: sectionsCount:获取 section 元素的数量,即 PPT 的总页数。 activeIndex:表示当前显示的页面索引,初始值为 0。...页面切换函数: goLeft():如果当前页面是第一页,则不做任何操作;否则,将 activeIndex 减 1 并调用 switchPage() 函数。...goRight():如果当前页面是最后一页,则不做任何操作;否则,将 activeIndex 加 1 并调用 switchPage() 函数。...四、工作流程 ▶️ 页面加载:浏览器加载 HTML、CSS 和 JavaScript 文件,渲染页面布局,默认隐藏除第一页外的所有 PPT 页面,同时 “上一张” 按钮处于禁用状态。

    50200

    5 分钟,教你从零快速编写一个油猴脚本!

    ,默认会生成一个模板,模板内容如下: 模板中会预设部分元数据,用于定义脚本的名称、版本号、更新方式、运行页面、权限等功能 常见的元数据包含: @name - 油猴脚本的名称 @namespace 脚本的命名空间...其中,第一个参数用于指定新标签页面的 URL 地址,第二个参数用于指定页面展示方式及焦点停留页面 // 授权 // @grant GM_openInTab // 打开新页面 var...onpenNewTap = function (){ //打开百度页面 //active:true,新标签页获取页面焦点 //setParent :true:新标签页面关闭后,焦点重新回到源页面...实战一下 以某一新闻网站的自动加载下一页为例进行说明 目标网站:IGh0dHBzOi8vd3d3LnBpbmd3ZXN0LmNvbS8= 首先,我们使用关键字 @match 指定匹配的网站 URL,使用...接着,添加一个定时任务,获取每一页底部的加载更多按钮 最后,判断元素存在时,执行点击操作即可 ...

    3.6K30

    Python每日一练(21)-抓取异步数据

    2.3 渲染页面 渲染页面主要是指将从服务端获取的响应数据以某种形式显示在Web页面的某些元素上,如下面的代码将数据以 li 节点的形式添加到 ul 节点的后面。...2.4 Flask框架模拟实现异步加载页面 本例使用 Flask 框架模拟实现一个异步加载的页面。页面使用模板显示,并且通过 jQuery 向服务端发送请求,获取数据后,将数据显示在页面上。...逆向工程 在上面已经模拟实现了一个异步装载的页面,这里以这个程序为例进行分析,如果对这个程序的实现原理不了解,那么应该如何得知当前页面的数据是异步加载的呢?以及如何获取异步请求的 URL 呢?...接下来就可以用代码完成此页信息的爬取了,但是发现,该页面的信息是较少的,所以我们要进入到详情页,进行详情页数据的爬取,这样又有一个问题诞生了?要进入到详情页,详情页的URL在哪呢?...如果我们可以批量获取多家企业的 id 后,就可以将 id 和 URL 形成一个完整的详情页对应详情数据的 AJAX 请求的 URL。

    3.3K20

    【JavaScript——页面加载】年度明星项目(蓝桥杯真题-5138)【合集】

    js/jquery-3.6.0.min.js 是 jQuery 库文件。 js/translation.json 是页面所用到的翻译数据。 effect.gif 是页面最终的效果图。...当点击时,根据当前页码 page 取出下一页的 15 条项目数据,同样调用 createProjectItem 函数生成 HTML 字符串并添加到页面中。...四、工作流程▶️ 页面加载时,首先解析 HTML 结构,构建页面的基本布局。 加载并应用 CSS 样式,使页面具有美观的外观和合适的布局。...页面加载完成后(window.onload 事件触发),使用 fetch 获取项目数据和翻译数据。 解析数据后,先渲染前 15 条项目数据到页面上。...为 “加载更多” 按钮添加点击事件监听器,每次点击加载下一页的 15 条项目数据,并在数据全部加载完后隐藏按钮。

    32700

    Python 爬取CSDN的极客头条

    1、思路 思路比较简单,首先是登录,然后爬取页面的更新文章名称和链接。要注意的一点是,极客头条的列表刷新是动态的,只有页面有滚动条并且往下拉的时候,才会加载新的文章列表。...我用竖屏显示器试了下,没有滚动条的情况下,默认显示20条的文章列表,结果不能加载新的文章列表,应该算是bug。...,用于ajax获取数据时的数据处理,看网页源代码,应该是利用getJSON,所以是页面端生成的参数,可以随意填写 username: [账户名] from: 6:252765 #这个参数代表的是下一次请求文章列表时...#这个参数是在登录主页面中的,需要自己解析出来,数值随机,每次登录需要获取 execution: e3s1 #目前是固定值,和网文对比这个值不同,所以还是每次登录获取的好 _eventId: submit...html字段的数据后自动转为了汉字、符号等,然后解析其中的class类型为‘title’的链接,就可以获得文章链接和名称。

    1.1K80
    领券