인라인 JavaScript가 외부 소스가 있는 스크립트 태그에서 작동하지 않는 이유는 무엇입니까?
2024년 11월 19일에 게시됨
검색:835
HTML 스크립트 태그로 스크립트 로드
HTML 스크립트 태그는 JavaScript 코드를 포함하고 실행하는 데 사용됩니다. 기본적으로 이 태그는 JavaScript 파일을 로드하기 위해 scr과 같은 외부 소스 속성을 사용합니다. 그러나 다음과 같이 스크립트 태그 내에 인라인 JavaScript를 포함하려고 시도합니다.
오류 발생 없이 자동으로 실패합니다.
스크립트 태그에서 인라인 JavaScript를 사용하면 작동하지 않는 이유
이 동작의 이유는 스크립트 요소가 외부이든 인라인이든 단일 소스만 로드합니다. src와 inline 콘텐츠가 모두 있으면 인라인 콘텐츠는 무시됩니다. 따라서:
지정된 스크립트를 로드하지 않습니다.
해결책: 여러 스크립트 요소 사용
여러 스크립트를 로드하려면 각각에 대해 별도의 스크립트 요소를 사용해야 합니다.
또는 필요한 스크립트를 동적으로 로드하는 상위 스크립트를 생성할 수 있습니다:
추가 참고사항
외부 소스가 있는 스크립트 요소에서는 인라인 JavaScript가 무시되지만 스크립트 요소의 콘텐츠는 DOM에 유지됩니다. 이로 인해 일부 개발자는 외부 스크립트에서 액세스하는 데이터를 저장하는 데 이를 사용하게 되었습니다. 그러나 일반적으로 data-* 속성을 사용하는 것이 이 목적에 더 적합하고 깔끔한 접근 방식입니다.
릴리스 선언문
이 글은 1729692525에서 재인쇄되었습니다. 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼
더>
-
std::forward는 C++에서 lvalue 및 rvalue 참조의 완벽한 전달을 어떻게 보장합니까?std::forward가 Lvalue 및 Rvalue 참조의 완벽한 전달을 촉진하는 방법C에서 std::forward는 달성에 중요한 역할을 합니다. 완벽한 전달: 원래 값 범주가 보존된 상태로 인수가 함수에 전달되도록 보장합니다. 이 동작은 lvalue 및 rvalu...프로그램 작성 2024년 11월 19일에 게시됨 -
고유 ID를 유지하고 중복 이름을 처리하면서 PHP에서 두 개의 연관 배열을 어떻게 결합합니까?PHP에서 연관 배열 결합PHP에서는 두 개의 연관 배열을 단일 배열로 결합하는 것이 일반적인 작업입니다. 다음 요청을 고려하십시오.문제 설명:제공된 코드는 두 개의 연관 배열 $array1 및 $array2를 정의합니다. 목표는 두 배열의 모든 키-값 쌍을 통합하는 ...프로그램 작성 2024년 11월 19일에 게시됨
-
proto와 constructor.prototype의 차이점은 무엇입니까?proto와 constructor.prototype의 차이점JavaScript 객체로 작업할 때 proto 및 constructor.prototype이 중요합니다. proto는 객체의 직접적인 프로토타입을 가리키는 반면, constructor.prototype은 객체를...프로그램 작성 2024년 11월 19일에 게시됨
-
MySQLnd가 PHP의 활성 드라이버인지 어떻게 확인할 수 있습니까?MySQLnd를 활성 드라이버로 확인phpinfo()에 MySQLnd가 있다는 것은 설치를 의미하지만 설치가 보장되지는 않습니다. 액티브 드라이버. MySQLnd의 작동 여부를 확실히 확인하려면 추가 조치가 필요합니다.mysqli에서 MySQLnd 확인mysqli에서 ...프로그램 작성 2024년 11월 19일에 게시됨
-
Java 파일에 여러 클래스가 포함될 수 있습니까?Java 파일 하우스에 여러 클래스를 사용할 수 있나요?초보 Java 개발자의 경우 단일 Java 파일에 여러 클래스가 포함될 수 있는지 여부에 대한 질문이 자주 발생합니다. 발생합니다. 이 질문에 대한 대답은 단연 '예'입니다. 그러나 이 단일 파일 내...프로그램 작성 2024년 11월 19일에 게시됨
-
Java Regex에서 특수 문자를 이스케이프하는 방법: 종합 안내서특수 문자에 대한 정규식 이스케이프: 종합 가이드Java 정규식을 사용하여 복잡한 메시지 템플릿과 사용자 입력을 일치시킬 때 다음이 중요합니다. 정확한 일치를 보장하려면 특수 문자를 피하십시오. 이 문서에서는 이스케이프가 필요한 특수 문자의 포괄적인 목록과 Java 정...프로그램 작성 2024년 11월 19일에 게시됨
-
MySQL을 사용하여 오늘 생일을 가진 사용자를 어떻게 찾을 수 있습니까?MySQL을 사용하여 오늘 생일이 있는 사용자를 식별하는 방법MySQL을 사용하여 오늘이 사용자의 생일인지 확인하려면 생일이 일치하는 모든 행을 찾는 것이 필요합니다. 오늘 날짜. 이는 UNIX 타임스탬프로 저장된 생일을 오늘 날짜와 비교하는 간단한 MySQL 쿼리를 ...프로그램 작성 2024년 11월 19일에 게시됨
-
PHP에서 체크박스를 사용하여 여러 데이터베이스 행을 올바르게 삭제하는 방법은 무엇입니까?PHP에서 체크박스를 사용하여 공동으로 데이터베이스 행 삭제MySQL 기반에서 여러 행을 제거하는 작업에 직면하여 코딩 지혜의 깊이에 대한 깨달음을 구했습니다. . 이 데이터 정리 노력을 시작하는 동안 극복할 수 없는 장애물에 부딪힌 것 같습니다.당신이 작성한 코드는 ...프로그램 작성 2024년 11월 19일에 게시됨
-
Bootstrap 4 Beta의 열 오프셋은 어떻게 되었나요?Bootstrap 4 베타: 열 오프셋 제거 및 복원Bootstrap 4는 베타 1 릴리스에서 열 오프셋 방식에 중요한 변경 사항을 도입했습니다. 열이 오프셋되었습니다. 그러나 후속 베타 2 릴리스에서는 이러한 변경 사항이 취소되었습니다.offset-md-*에서 ml-...프로그램 작성 2024년 11월 19일에 게시됨
-
PHP 문자열은 얼마나 길어질 수 있나요?PHP 문자열 길이의 경계는 무엇입니까?PHP에서 문자열 길이 제한은 PHP 버전에 따라 다양한 조건이 있습니다. 및 시스템 구성.PHP 7.0.0 이상 (64비트)이러한 64비트 빌드에서는 문자열 길이에 특별한 제한이 없으므로 많은 양의 텍스트를 저장할 수 있는 방대...프로그램 작성 2024년 11월 19일에 게시됨
-
JSConf 칠레 칠레 JavaScript 커뮤니티에서 놓칠 수 없는 이벤트올해 JSConf Chile 2024는 두 번째 에디션으로 강력하게 돌아오며 칠레 JavaScript 커뮤니티의 가장 중요한 이벤트 중 하나로 자리매김했습니다. 1일 워크숍과 2일 국제 강연 형식으로 구성된 이 회의는 최고의 전문가로부터 배우고, 귀중한 연결을 만들고,...프로그램 작성 2024년 11월 19일에 게시됨
-
MySQL의 금전적 가치를 DOUBLE에서 DECIMAL로 변환해야 합니까?MySQL의 DOUBLE 대 DECIMAL: 정밀성 논쟁 재검토MySQL 데이터베이스에 금전적 가치를 저장할 때 DOUBLE을 피해야 하는 것이 일반적입니다. 잠재적인 정밀도 문제로 인해. 그러나 실제 시나리오에서는 이 권장 사항의 유효성에 대한 의문이 제기됩니다.실용...프로그램 작성 2024년 11월 19일에 게시됨
-
CSS 전환을 사용하여 중앙 확장 DIV를 만드는 방법은 무엇입니까?CSS를 사용하여 중간에서 DIV 확장이 중간 CSS 문제에서 확장에서 우리의 목표는 DIV 요소를 중앙에서 바깥쪽으로 변환하여 다음을 달성하는 것입니다. 왼쪽 상단 모서리의 일반적인 확장과는 다른 효과입니다. CSS 전환을 활용하여 확장의 너비, 높이, 위치를 제어하...프로그램 작성 2024년 11월 19일에 게시됨
-
SQL의 히스토그램 시각화를 위해 데이터를 의미 있는 저장소로 그룹화하려면 어떻게 해야 합니까?최적의 히스토그램 빈 크기 결정데이터 분석에서 히스토그램은 데이터 분포를 시각적으로 표현하는 데 유용한 도구입니다. 스크립팅 언어를 사용하여 히스토그램을 생성하는 것이 가능하지만 이 프로세스를 SQL 내에서 직접 수행할 수 있습니까? 대답은 '예'입니다....프로그램 작성 2024년 11월 19일에 게시됨
-
Django의 슬러그는 무엇이고 왜 사용되나요?Django에서 "슬러그" 개념 공개광활한 Django에는 "슬러그"라고 자주 알려진 신비한 존재가 있습니다. 모델 내에서 나타납니다. 슬러그의 수수께끼 같은 특성으로 인해 당황하게 될 수 있으며 슬러그가 정확히 무엇인지 묻는 질문이...프로그램 작성 2024년 11월 19일에 게시됨
중국어 공부
- 1 "걷다"를 중국어로 어떻게 말하나요? 走路 중국어 발음, 走路 중국어 학습
- 2 "비행기를 타다"를 중국어로 어떻게 말하나요? 坐飞机 중국어 발음, 坐飞机 중국어 학습
- 3 "기차를 타다"를 중국어로 어떻게 말하나요? 坐火车 중국어 발음, 坐火车 중국어 학습
- 4 "버스를 타다"를 중국어로 어떻게 말하나요? 坐车 중국어 발음, 坐车 중국어 학습
- 5 운전을 중국어로 어떻게 말하나요? 开车 중국어 발음, 开车 중국어 학습
- 6 수영을 중국어로 뭐라고 하나요? 游泳 중국어 발음, 游泳 중국어 학습
- 7 자전거를 타다 중국어로 뭐라고 하나요? 骑自行车 중국어 발음, 骑自行车 중국어 학습
- 8 중국어로 안녕하세요를 어떻게 말해요? 你好중국어 발음, 你好중국어 학습
- 9 감사합니다를 중국어로 어떻게 말하나요? 谢谢중국어 발음, 谢谢중국어 학습
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
