>  기사  >  백엔드 개발  >  PHP 기본 학습 노트(6)

PHP 기본 학습 노트(6)

WBOY
WBOY원래의
2016-08-08 09:28:14949검색

창 개체

창 개체는 "창 개체"입니다. 즉, 열려 있는 모든 웹 페이지는 창 개체에 "로드"되어야 합니다. window 객체는 창을 나타냅니다. 윈도우 객체를 학습한다는 것은 실제로 윈도우가 제공하는 여러 가지 메소드를 학습하는 것에 지나지 않습니다(이벤트 객체를 학습하는 것은 이벤트 객체의 여러 속성을 사용하는 방법을 학습하는 것과 비슷합니다)

여러 팝업 대화 상자 방법:

<span>1</span><span>.    window.alert(“这里是文字信息”);            
</span><span>//</span><span>可以认为只是一个文字性提示信息。</span>
<span>2</span>.        <span>var</span>  v1  =<span>  window.prompt(“文字提示”,“默认信息”)    
</span><span>//</span><span>弹出一个供用户输入文字信息的对话框。通常用于向用户提出一个需要文字来回答的问题。其会返回一个“字符串值”</span>
<span>3</span>.        <span>var</span>  v2  =<span>  window.confirm(“一个是否性的问题”);        
</span><span>//</span><span>弹出一个向用户询问“真假”的问题,用户可以回答“真假”。通常用于向用户提出一个需要进行“是/否”性回答的问题。其会返回一个布尔值(true/false)。</span>

객체 팝업창 방식 :

window.open();——"작은" 창을 띄울 수 있고, 이 창에 웹페이지를 "배치"할 수 있습니다.

문법 형태는 다음과 같습니다.

          window.open(“열릴 웹페이지 주소 url”, “새 창에 직접 부여한 이름”, “새 창의 모양 매개변수 설정 항목”)

URL: 상대 주소일 수도 있고 절대 주소일 수도 있습니다.

이름: 맞춤 이름, n1, win1, s1과 같은 명명 규칙을 따르세요

파라: 이 설정에는 쉼표로 구분된 여러 항목이 있습니다. 각 항목의 형식은 항목 이름 = 값입니다. 예시는 다음과 같습니다.

width=<span>400</span><span>,
        height</span>=<span>300</span><span>,
        left</span>=<span>500</span>,        <span>//</span><span>表示离屏幕的左边的距离</span>
        top=<span>300</span>,        <span>//</span><span>表示离屏幕的顶部的距离</span>
        menubar = yes;    <span>//</span><span>表示打开的窗口具有菜单栏(no就没有),也可以使用1,0</span>
        toolbar    = yes;    <span>//</span><span>表示打开的窗口具有工具栏(no就没有),也可以使用1,0</span>
        location =  yes;    <span>//</span><span>表示打开的窗口没有地址栏(no就没有),也可以使用1,0(实际现代浏览器对此已经失效了,变成location必须显示)</span>
        scrollbars=yes;    <span>//</span><span>表示打开的窗口具有滚动条。</span>
<span>        …………. 查《Dhtml完全手册》
    综合举例:
window.open(“ http:</span><span>//</span><span>www.baidu.com” , “db”, “width=400, height=300, left=500,top=300, menubar=yes, toolbar=1” ) </span>
<span>
《DHTML完全手册》介绍。 
DHTML就是“动态html”(Dynamic HTML) </span>

창 개체의 타이머 메서드:

타이머: 브라우저가 특정 간격으로 특정 작업을 자동으로 수행하도록 하는 것을 의미합니다!

문법 형식:

var t1 = window.setInterval("실행할 코드 s", 간격 t); //이를 "타이머 생성"이라고 하며 이름은 t1

설명: 설정된 시간 t마다 따옴표 안의 코드 s가 실행됩니다. t의 단위는 "밀리초"입니다. 여기서 실행되는 코드는 대개 함수 호출문을 사용하는데, 실제로 해야 할 일은 함수 내에서 이를 완성하는 것입니다.

타이머가 생성되면 자동으로 '다른 사람에게 허용'되며 '살아남' 또는 '죽음'이 됩니다.

웹페이지 파트너를 찾는 종합적인 방법

???document.getElementById(“id名”);         <span>//</span><span>id属性所有标签都可以使用</span>
<span>    通过id找到一个标签对象。    
?document.getElementsByName(“name名”); </span><span>//</span><span>name属性通常只用于表单上。</span>
<span>    通过name找到若干个标签对象——也就是集合。这里集合其实就是相当于一个数组中放了若干个对象。集合的用法跟数组完全一样。注意,即使找出的结果中只有一个对象,也是集合,也要象数组一样使用。
?document.getElementsByTagName(“标签名”);
    通过标签名获取到网页中所有的该标签对象——也是集合,用法同上。
    getElementsByTagName的另一个更实用用法是:
    ??obj. getElementsByTagName(“标签名”);    </span><span>//</span><span>obj为某个小一点的标签对象。</span>
<span>    在obj这个标签中获取若干个指定标签名的对象——更实用。

?document.body:——直接就代表网页中的body这个特定标签对象。
document.documentElement:——直接就代表网页中的html这个特定的标签对象。

document.images:——代表网页中的所有img标签对象,也是一个集合,用法同上述集合。其实其也相当于:document.getElementsByTagName(“img”);
document.links:——代表网页中所有a链接标签对象,也是一个集合。
document.anchors:——代表网页中的所有a锚点标签对象,也是一个集合
?document.forms:——代表网页中的所有form表单对象,也是一个集合。

?</span><span>event</span>.target / <span>event</span><span>.srcElement:——代表事件源——事件源就是对象
?</span><span>this</span><span>:——代表事件源

——意思是,象window对象,event对象,document对象是不需要“找”,而是直接使用。</span>

윈도우 객체의 타이머 방식

반복 타이머 사용: 브라우저는 지정된 시간 간격으로 코드(함수)를 반복적으로 실행합니다.

var t1 = window.setInterval("function()", 간격); //반복 타이머를 만들고 이름을 "t1"로 지정합니다.

window.clearInterval(t1) //반복 타이머 지우기(중지/파기)

——알람시계의 원리

일회성 타이머 사용: 브라우저는 지정된 시간 이후에 코드(함수)를 한 번 실행합니다.

var t2 = window.setTimeout("function()", Interval); //일회성 타이머를 만들고 이름을 "t2"로 지정합니다.

window.clearTimeout(t2); //일회성 타이머 지우기(중지/파기)

——시한폭탄의 원리

——일회성 타이머는 일반적으로 한 번만 실행하면 되는 일종의 코드에 사용됩니다.

인라인 프레임(창)

프레임 창 비교: 프레임 창은 '현재 큰 창'을 여러 개의 작은 창으로 나누고 각 창에 웹 페이지를 배치합니다.

<frameset  rows=&rdquo;<span>150</span>, *&rdquo;>
        <frame src=&rdquo;page1.html&rdquo;  ></frame>
        <frame src=&rdquo;page2.html&rdquo;  ></frame>
</frameset>

인라인 창: "현재 웹 페이지"의 영역을 작은 창으로 "파내어" 다른 웹 페이지를 배치할 수 있는 것입니다.

여기서 "파기" 영역은 실제로 HTML/CSS의 상자 개념인 직사각형 영역입니다.

삽입된 창의 태그는 iframe이며 다음과 같이 사용합니다.

& lt; iframe src = "웹 주소 URL" & lt;/iframe & gt;

iframe은 외관상 textarea 태그와 매우 유사하지만 사용법은 완전히 다릅니다.

iframe은 외관상 textarea 태그와 매우 유사하지만 사용법은 완전히 다릅니다.

외부 js 파일 소개

                                                                                                           참고: js 파일 중 js입니다. 게다가 위의 스크립트 태그 중간에는 더 이상 js 코드가 있을 수 없습니다.

프로그레스 바 제작 원리

외부 상자의 너비는 고정되어 있으며(예: 100), 내부 상자의 너비는 데이터 변경에 따라 변경됩니다. 현재 별 개수는 다음과 같습니다.

위 내용은 PHP 기본 학습 노트(6)와 관련 내용을 소개한 내용으로, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.