지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > browser_javascript 팁에서 현재 실행된 스크립트 파일 이름의 코드를 가져옵니다.

browser_javascript 팁에서 현재 실행된 스크립트 파일 이름의 코드를 가져옵니다.

WBOY
풀어 주다： 2016-05-16 18:04:31
원래의
1237명이 탐색했습니다.

배경
동료가 브라우저에 동적으로 삽입된 JavaScript 파일에서 현재 파일 이름을 가져오는 방법에 대해 질문했습니다.

파일 이름을 출력하는 서버 외에 스크립트에서 파일 이름을 얻는 방법은 다음 세 가지뿐입니다.

솔루션 A
공통 솔루션은 페이지에 정적 스크립트 태그를 도입하거나 단일 동적 로드에만 사용할 수 있습니다.

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

var scripts = document.getElementsByTagName('script ');
var filename = scripts[scripts.length -1].src;

여러 스크립트 태그의 동적 삽입:
코드 복사 코드는 다음과 같습니다.

loadScript('b.js?param=1')
loadScript('a.js? param=2')
loadScript('b.js?param=3')
loadScript('a.js?param=4')

/* 출력
a.js >>> http://localhost:800/io/a.js?param=4
a.js >>> http://localhost:800/io/a.js?param =4
b.js >>> http://localhost:800/io/a.js?param=4
b.js >>> /io/a.js?param=4
*/

솔루션 B
비정상적인 유형, FireFox에서만 작동함:
코드 복사 코드는 다음과 같습니다.

try {
throw new Error()
}
catch(Exception) {
console.log (Exception.fileName);
}

솔루션 C
내 솔루션, 작업 소스 코드:
코드 복사 코드는 다음과 같습니다.

requireScript('a.js?' Date.now(),function(text,src) {
console.log('text :',text);
globalEval('(function() { nvar __filename = "' src '";n' text 'n;})();'); 🎜>})

브라우저 출력:

코드 복사 코드는 다음과 같습니다.
저자별 최신 기사
최신 이슈
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
9
1588
모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요? 사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작...
에서 2024-04-06 19:23:03
0
1
411
웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...
에서 2024-04-06 18:59:57
0
1
442
SCSS를 사용하여 기본값 및 CSS 변수 생성 웹사이트 스타일링을 구현하고 있습니다. 레거시 지원상의 이유로 적어도 한동안은 IE11을 지원해야 합니다. 작업 흐름과 제정신의 이유로 가능할 때마다 CSS 변수...
에서 2024-04-06 17:46:54
0
1
355
window.open() 및 data: 구성표를 사용하여 계산 문서 열기 새 브라우저 탭에서 열려는 계산된 HTML 문서를 생성하는 브라우저에서 실행되는 웹 페이지가 있습니다. 간단하고 지저분한 방법은 다음과 같이 하는 것입니다: co...
에서 2024-04-06 15:06:34
0
1
378
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿