찾다
웹 프론트엔드JS 튜토리얼jquery 동적 로딩 js/css 파일 방법(자체 작성 작은 함수)_jquery

먼저 jquery와 함께 제공되는 getSrcript 파일을 살펴보겠습니다

방법

$.getScript(url,콜백)


코드 복사 코드는 다음과 같습니다.

var testVar = '새 JS가 로드되었습니다!';
경고(testVar); 함수 newFun(dynParam) {
Alert('방금 ' dynParam '을 매개변수로 전달했습니다.');
}

동적 호출 방법

코드 복사 코드는 다음과 같습니다.

$(함수()

{

$('#loadButton').click(function(){

$.getScript('new.js',function(){

newFun('"Checking new script"');//이 함수는 new.js에 있습니다. 이 함수는 클릭 시 실행됩니다.

});

});

});



위 내용은 js 코드만 동적으로 로드할 수 있고, css는 로드할 수 없습니다. 나중에 js와 css를 로드할 수 있는 프로그램을 작성했습니다.

코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.

$.extend({
includePath: '',
포함: 함수(파일)
{
var 파일 = 파일 유형 == "문자열" ? [파일] : 파일;
for (var i = 0; i {
var 이름 = 파일[i].replace(/^s|s$/g, "");
var att = name.split('.');
var ext = att[att.length - 1].toLowerCase();
var isCSS = ext == "css";
var 태그 = isCSS ? "link" : "스크립트";
var attr = isCSS ? " type='text/css' rel='stylesheet' " : " 언어='javascript' type='text/javascript' ";
var link = (isCSS ? "href" : "src") "='" $.includePath 이름 "'";
if ($(tag "[" link "]").length == 0) document.write("" tag ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
什么是js文件什么是js文件Aug 10, 2023 pm 05:10 PM

JS文件是包含JavaScript代码的文本文件,用于实现网页的交互和动态效果。它帮助开发人员更好地管理和维护代码,实现更好的团队协作和代码可重用性。JS文件可以用来处理表单验证、动态改变网页内容、响应用户点击等等。在前端开发中,经常会将JS代码写在一个或多个JS文件中,然后在HTML文件中通过引用来使用。

Vue中如何处理组件的动态加载和切换Vue中如何处理组件的动态加载和切换Oct 15, 2023 pm 04:34 PM

Vue中处理组件的动态加载和切换Vue是一个流行的JavaScript框架,它提供了各种灵活的功能来处理组件的动态加载和切换。在本文中,我们将讨论一些Vue中处理组件动态加载和切换的方法,并提供具体的代码示例。动态加载组件是指根据需要在运行时动态加载组件。这样可以提高应用程序的性能和加载速度,因为只有当需要时才会加载相关的组件。Vue提供了async和awa

Python实现无头浏览器采集应用的页面动态加载与异步请求处理功能解析Python实现无头浏览器采集应用的页面动态加载与异步请求处理功能解析Aug 08, 2023 am 10:16 AM

Python实现无头浏览器采集应用的页面动态加载与异步请求处理功能解析在网络爬虫中,有时候需要采集使用了动态加载或者异步请求的页面内容。传统的爬虫工具对于这类页面的处理存在一定的局限性,无法准确获取到页面上通过JavaScript生成的内容。而使用无头浏览器则可以解决这个问题。本文将介绍如何使用Python实现无头浏览器来采集使用动态加载与异步请求的页面内容

揭秘Golang热更新原理:动态加载与重载的内幕讲解揭秘Golang热更新原理:动态加载与重载的内幕讲解Jan 20, 2024 am 10:09 AM

Golang热更新原理探究:动态加载与重载的奥秘引言:在软件开发领域,程序员们经常希望能够在不重启应用的情况下进行代码修改和更新。这样的需求对于开发效率和系统运行的可靠性都具有重要意义。而Golang作为一门现代化的编程语言,为开发者提供了许多便捷的机制来实现热更新。本文将深入探讨Golang热更新的原理,特别是动态加载和重载的奥秘,并将结合具体的代码示例进

如何使用Vue和Element-UI创建动态加载数据的表格如何使用Vue和Element-UI创建动态加载数据的表格Jul 21, 2023 pm 11:49 PM

如何使用Vue和Element-UI创建动态加载数据的表格在现代的Web开发中,数据表格是常见的界面组件之一。Vue.js是当下非常流行的前端框架,而Element-UI是基于Vue.js开发的一套组件库,提供了丰富的UI组件供我们使用。本文将介绍如何使用Vue和Element-UI来创建一个可以动态加载数据的表格,并且给出相应的代码示例。首先,我们需要安装

vue引用js文件vue引用js文件Mar 11, 2024 pm 05:42 PM

vue引用js文件的方法:1、全局引用;2、局部引用。详细介绍:1、全局引用,如果希望在整个Vue应用中都能使用某个JS文件,可以在main.js中直接引用它;2、局部引用,如果只想在某个特定的Vue组件中使用JS文件,可以在该组件中直接引入。

解决Vue报错:无法正确使用Vue Router根据路由参数动态加载组件解决Vue报错:无法正确使用Vue Router根据路由参数动态加载组件Aug 20, 2023 am 08:09 AM

解决Vue报错:无法正确使用VueRouter根据路由参数动态加载组件在使用VueRouter进行路由跳转的过程中,有时我们需要根据路由参数动态加载组件。但是,有些情况下,我们可能会遇到一个常见的错误:无法正确使用VueRouter根据路由参数动态加载组件。本文将介绍如何解决这个报错,并提供代码示例。首先,我们需要明确一点:VueRouter可以通过

phpSpider实用技巧:如何处理网页内容的动态加载问题?phpSpider实用技巧:如何处理网页内容的动态加载问题?Jul 22, 2023 am 08:33 AM

phpSpider实用技巧:如何处理网页内容的动态加载问题?在爬取网页数据时,经常会遇到动态加载的内容无法直接通过爬虫获取的问题。这些动态加载的内容可以是通过AJAX请求获取的数据、通过JavaScript进行渲染的DOM元素等。为了解决这个问题,本文将介绍一些在使用phpSpider时处理网页动态加载问题的实用技巧。一、使用网络调试工具查找动态加载的URL

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경