프레임워크 프로그래밍 개요
HTML 페이지에는
프레임 간 참조
페이지의 모든 프레임은 컬렉션 형태로 창 개체의 속성으로 제공됩니다. 예: window.frames는 페이지의 모든 프레임 모음을 나타내며 양식 개체, 링크 개체, 그림과 유사합니다. 객체 등. 차이점은 이러한 컬렉션이 문서의 속성이라는 것입니다. 따라서 서브프레임을 참조하려면 다음 구문을 사용할 수 있습니다.
window.frames.frameName
window.frames[index]
그 중 window라는 단어도 self로 바꾸거나 생략할 수 있으며, 프레임 이름이 페이지 프레임의 첫 번째 항목이라고 가정하면 다음 작성 방법은 동일합니다.
self.frames[0]
frames[0]
frameName
각 프레임은 HTML 페이지에 해당하므로 다음은 프레임은 또한 독립적인 브라우저 창입니다. 프레임에 대한 참조는 창 개체에 대한 참조이기도 합니다. 이 창 개체를 사용하면 window.document 개체를 사용하여 페이지에 데이터를 쓰거나 window.location 속성을 사용하여 프레임의 페이지를 변경하는 등 페이지를 쉽게 조작할 수 있습니다.
다음은 다양한 수준의 프레임워크 간의 상호 참조를 소개합니다.
1. 상위 프레임에서 하위 프레임으로의 참조
위 원칙을 알면 상위 프레임에서 하위 프레임을 참조하는 것이 매우 쉽습니다. 즉,
페이지에서 FrameName이라는 하위 프레임을 나타냅니다. 서브프레임 내의 서브프레임을 참조하려는 경우 참조된 프레임(실제로는 창 객체)의 특성에 따라 다음과 같이 구현할 수 있습니다.
이렇게 하면 두 번째 -레벨 서브프레임이 참조되는 등 다층 프레임워크가 인용 구현될 수 있습니다.
2. 하위 프레임에서 상위 프레임으로의 참조
각 창 개체에는 상위 프레임을 나타내는 상위 속성이 있습니다. 프레임이 이미 최상위 프레임인 경우 window.parent는 프레임 자체도 나타냅니다.
3. 형제 프레임워크 간의 참조
두 프레임이 동일한 프레임의 하위 프레임인 경우 형제 프레임이라고 하며 상위 프레임을 통해 서로 참조할 수 있습니다. 예를 들어 페이지에는 2개의 하위 프레임이 포함됩니다.
당신 프레임1에서 다음 명령문을 사용할 수 있습니다. 프레임2를 참조하려면:
프레임 계층은 최상위 프레임을 위한 것입니다. 레벨이 다른 경우 현재 레벨과 다른 프레임의 레벨 및 이름을 알고 있는 한 프레임에서 참조하는 창 개체의 속성을 사용하여 서로 쉽게 액세스할 수 있습니다. 예를 들면 다음과 같습니다.
5. 최상위 프레임 참조
parent 속성과 마찬가지로 window 객체에도 top 속성이 있습니다. 이는 프레임 자체가 최상위 프레임인지 여부를 결정하는 데 사용할 수 있는 최상위 프레임에 대한 참조를 나타냅니다. 예:
if(self==top){
//dosomething
}
프레임 로딩 페이지 변경
프레임에 대한 참조는 창 개체에 대한 참조입니다. 창 개체의 위치 속성을 사용하면 프레임의 탐색을 변경할 수 있습니다. 예:
이렇게 하면 페이지의 첫 번째 프레임을 1.html로 변경하면 이 속성을 활용하여 단일 링크를 사용하여 여러 프레임을 업데이트할 수도 있습니다.
프레임세트>< ;!--somecode-->
link> ;
다른 프레임워크의 JavaScript 변수 및 함수 참조
다른 프레임워크의 JavaScript 변수 및 함수 참조 기술을 소개하기 전에 다음 코드를 살펴보겠습니다.
Alert("hello,ajax!" );
}
window.hello();
이 코드를 실행하면 hello() 함수를 실행한 결과 "hello, ajax!" 창이 나타납니다. . 그렇다면 왜 hello()가 window 객체의 메서드가 되었습니까? 페이지 내에 정의된 모든 전역 변수와 전역 함수는 창 개체의 구성원이기 때문입니다. 예를 들어
var a=1;
alert(window.a);[/code]
는 1을 표시하는 대화 상자를 표시합니다. 창 개체를 통해 변수와 함수를 호출하여 서로 다른 프레임워크 간에 변수와 함수를 공유하는 경우에도 동일한 원칙이 적용됩니다.
예를 들어, 제품 검색 페이지는 두 개의 하위 프레임으로 구성됩니다. 왼쪽은 사용자가 카테고리 링크를 클릭하면 오른쪽에 해당 제품 목록이 표시됩니다. 상품 옆의 [구매] 링크를 클릭하세요. 장바구니에 상품을 추가하세요.
이 예에서는 왼쪽 탐색 페이지를 사용하여 사용자가 구매하려는 제품을 저장할 수 있습니다. 사용자가 탐색 링크를 클릭하면 다른 페이지, 즉 제품 표시 페이지가 변경되고 탐색 페이지 자체는 변경되기 때문입니다. 변경되지 않은 상태로 유지되므로 그 안의 JavaScript 변수는 손실되지 않으며 전역 데이터를 저장하는 데 사용할 수 있습니다. 구현 원리는 다음과 같습니다.
왼쪽 페이지가 link.html이고 오른쪽 페이지가 show.html이라고 가정합니다. 페이지 구조는
show.html에 표시된 제품 옆에 다음과 같은 문구를 추가할 수 있습니다.
Add to Shopping Che
여기서 link는 탐색 프레임을 나타냅니다. arrOrders 배열은 제품 ID를 저장하기 위해 link.html 페이지에 정의되어 있습니다. addToOrders() 함수는 클릭 이벤트에 응답하는 데 사용됩니다. 상품 옆에 있는 [구매] 링크의 It 수신된 매개변수 id는 해당 상품의 ID를 나타냅니다. 예시에서는
arrOrders.push( id);
}
이런 방식으로 arrOrders를 사용하면 결제 페이지나 장바구니 탐색 페이지에서 모든 제품을 구매할 수 있도록 준비할 수 있습니다.
프레임워크는 페이지를 독립적인 기능을 가진 여러 모듈로 나눌 수 있습니다. 각 모듈은 서로 독립적이지만 창 개체의 참조를 통해 연결될 수 있습니다. 웹 개발에 있어서 중요한 메커니즘입니다. Ajax 개발에서 숨겨진 프레임을 사용하여 다양한 기술을 구현할 수도 있습니다. 나중에 Ajax 예제 프로그래밍을 소개할 때 이 기술이 새로 고침 없이 파일을 업로드하고 Ajax의 앞뒤 문제를 해결하는 데 사용된다는 것을 알게 될 것입니다.

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

드림위버 CS6
시각적 웹 개발 도구

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
