> 웹 프론트엔드 > JS 튜토리얼 > JS_javascript 기술로 구현된 포함 기능

JS_javascript 기술로 구현된 포함 기능

WBOY
풀어 주다: 2016-05-16 19:11:23
원래의
1302명이 탐색했습니다.

많은 언어에는 PHP의 include 및 require 기능과 유사한 기능이 있지만 javascript만 그렇지 않습니다.
저는 오랫동안 비슷한 기능을 js에 구현하고 싶었습니다. 여러 번 시도했지만 성공하지 못했습니다. 그날 Google에서 CSS 파일을 동적으로 로드하는 것에 대한 몇 가지 키워드를 검색했을 때 블로그를 발견했습니다(주소는 다음과 같습니다. 발견) 웹페이지의 head 태그에 링크 요소를 추가하는 함수라 이를 변경하여 이 함수를 작성했습니다.

사용법:
include_js(src,[reload]);
src: js 파일의 경로 이름
reload: 선택적 매개변수, 0 또는 1, 동일한 항목을 로드할지 여부 URL을 반복적으로 js 파일.

참고:
포함된 js 파일에 document.write 메소드가 있는 경우 IE에서는 응답이 없지만 Mozilla Firefox에서는 원래 웹페이지가 사라지고 document.write만 응답됩니다. 표시됨: mad:
이 문제에 대한 비법은 당연히 있습니다.
문서가 아무것도 표시되지 않도록 재정의하는 것입니다. 구체적인 방법:
include_js 앞에 이 문장을 추가하세요
document.write = function () { return false;}
이렇게 하면 포함된 js 파일에 document.write 메서드가 포함되어 있어도 두렵지 않습니다. 웹페이지를 손상시키는 중입니다. 알겠습니다! :lol::lol:

목적:
이 기능은 일부 광고 및 통계 js 파일을 비동기적으로 로드하는 데 사용할 수 있으며, js 파일 로드로 인해 발생하는 웹 페이지 표시 속도 저하 문제를 방지할 수 있습니다.

css 파일을 동적으로 로드하려면 이 함수를 수정하세요. 하지만 js 파일을 로드하는 것만큼 유용하지는 않습니다.

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

function include_js(path,reload )
{
var scripts = document.getElementsByTagName("script")
if (!reload)
for (var i=0;i if (scripts[ i].src && scripts[i].src.toLowerCase() == path.toLowerCase() ) return
var sobj = document.createElement('script')
sobj.type = "text/ javascript";
sobj.src = 경로;
var headobj = document.getElementsByTagName('head')[0]
headobj.appendChild(sobj);
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿