37

btxt - 椙山女学園大学 · 1 $ ! % I U J > 1 = B J 1= A B P p 8: + , \ (S eb W 4 5 O M2 P; L F = p 4 t 9 p [ P {4 6 4 A b " _ 1

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

8B%�����32

����>J1=B��

;L K9

�@28G9726F

<

1 $��� 2

2 JavaScript�� 3

2.1 �������� : : : : : : : : :

3

2.2 ���������� : : : : : :

3

2.3 ���� N : : : : : : : : : : :

4

2.4 !"# : : : : : : : : : : : : : : :

4

2.5 &'() : : : : : : : : : : : : : :

4

2.6 �NM��� N : : : : : : : : :

5

2.7 4?�D5 (1)

: : : : : : : : : : :

6

2.8 *+, : : : : : : : : : : : : : : :

7

2.9 -.HC : : : : : : : : : : : : : :

7

2.10 /06:A�� : : : : : : : : : :

9

2.11 EIO*+,PQRST*STU 10

2.12 VWXYZ( : : : : : : : : : : :

12

2.13 [? : : : : : : : : : : : : : : : :

14

2.14 +\](^_`a : : : : : : : : :

15

2.15 �b�cdefg : : : : : : : : :

17

2.16 Window�hi : : : : : : : : : :

18

3 PHP�� 21

3.1 ���6���������� :

21

3.2 jk�lm : : : : : : : : : : : :

22

3.3 [?6!"# : : : : : : : : : : :

23

3.4 n_op (1)

: : : : : : : : : : : :

23

3.5 qrs[? : : : : : : : : : : : :

25

3.6 &'()�t��N : : : : : : :

25

3.7 &u\vhi : : : : : : : : : : :

27

3.8 n_op (2)

: : : : : : : : : : : :

29

3.9 -.HC : : : : : : : : : : : : : :

30

3.10 wxr4? : : : : : : : : : : : :

31

3.11 yz{�QRST : : : : : : : : :

33

Appendix: Peditor�|}~ 35

A.1 peditor�\,U�(v : : : : : :

35

A.2 peditor���� : : : : : : : : :

35

1

1 $���

��!%I�U>J1=B��<6���{4�!%I�U>J1=A��B�Pp�8:\,+(�S������Web4O5��M2P=F�L;p �����4�t�9�������p�[�P�������p� ���{46�4����A b�"�����_ ��

1. #()&(I%v'(�()p�Web&(I�i@*8:��Web&(I�i@���+�,-�.&���_�/�t�()���P��_0C�eN�Web&(I�i@���P��� ��/p������Web3(7(�y��P���?DE�Gp>JHz��� ���I/�KP�Q��R�ST��UV����pW��({4{X)

2. HTML�YZ*Web&(I�[\�HTMLP]����^�� ��()_�`a��Web&(I�i@���+����bc�cddEf,d�UVP�_ ���/�g{����M2�����P�� ���({4�X)

3. U+\vh(�*HTMLIi��jp�Web&(I��� ���Web&(I�k�L�lD����U+\vh(��m^���#()&(I%v'(������nop�()p� ��({4�X�q�)

4. JavaScript*rs�t�Web&(I���UV�u?����N��PCvwxyzwy{�!"pUV�|�kp}� �����~�JavaScript����()p�8p� ��JavaScript�Web&(I�jk���E���o}cddE)����!�|�!"���0C��M��Web3(7(��i�p������P��� ��(�4{X)

5. PHP���cddEf,d*a�����}���Web������Web3(7(���cddE)�������M��� ��~���������(+�(U����M�������E����JavaScript��������Web3(7(��o}cddE)�i@��,-�cddEf,d]��()���P�����������PHPP�������()p ��(�4�X)

HTML�JavaScript�PHPP�-cddEf,d�?D�P��P������� ���Iiw���Web4O�5���X�Q��V���������P����P � ���I¡W�P¢q����£Q�&u\v�E���¤_�¥:�����¥¦��§� }�������P]�¨���/����©������ª«�¤Q�wt��Q�_����¬ST}I���

2

2 JavaScriptFL

HTMLIi��()_�����P�n��9��%,T�T%ST���PIi���/�g3�()_��N�`�[2��Web&(I�i@�����

� 3(7(B��M����(CGI: Common Gateway Interface)

� �E��B��M����(JavaScript�Java)

����K��_ ��CGI�����3(7(B�cddE)�i@��UV��_ �� ��$�C=�©���8_�E��BIi�JI}�P� ������~��CGIPJavaScript�

��Aa��)�t� ��Java���p�cddEf,d]���������JavaScript

�<_�� ���E��B�0C��M���N���cddEf,d�����6�7���P � ��JavaScript��C]��;r_�Object;�����_�_ ��

2.1 �� �����

JavaScript���[\��� ��HTML�����&u\v�E�4+ ��Head�+dwBody�+d�0 ��E��� ��&u\v�q��t�H��a` � ����4?�D5 (�\)g3���/�«��H����� ��4?�()�{�D5����UV������4?�D5��}Head+d�0 ��E���t� �� �jk���P�����������Body�+d�0 ��E���t� ��

2.2 ���� �����

�� ��HTML�[\PJavaScript�[\�¥�t������JavaScript�[\�Script

P��+d�0 ��E��� ���t� JavaScript�G`p����Q _ ScriptP��+d������E����oi����+�HTML��X,��+d�������~�����~�g������� �p ��#

"

!

<Script language="JavaScript">

<!--

JavaScript�[\//-->

</Script>

1�LP5�L�HTML�+d�����+d�!� langugae�;Dp�]��[\����©�kp ���I��Script+d������E����+��<!--P-->P]�HTML��X,��+d����_ ��JavaScript�<!--������P���� ��-->���p����/�{�//P�� JavaScript��X,��;k�I�� ��JavaScript��//g

"��#_ ���X,�Pk�p���������� ��&?�HTML�&u\v�E�ª�JavaScript�[\�()p��>���_ ��/����>���U+\vh(�Pª,�'&u\v (N(�xxx.js)� JavaScript�[\����/��"����[\�<_`��P��� ���

<Script language="JavaScript" src="xxx.js">

</Script>

3

2.3 2L$�=N

JavaScript��E��������� Np��>��"����w�()p ���

document.write( NKP);

NKPPp��"..."�'...'w3+5����#�;D�� ��Q _ p��KP�!"�

��! '��0� ��JavaScript�������!"�w!'��0 �����wxrP�� �� �&? p��>����t�!,��6@_ �� p��KP�E�HTML�+d�4+��P��� ��document��E���E�£Q�object(t)���¡W��:jk������A PpB(�t���pW����document�.write()�}�Qi�©��_ document�write�p}�P0M���P��_ ��write()���� ()���I}�����t��oi���4?����P�kp ���rq��!;��w�6@_���K������p}I���N(�"����[\����P����>��!3+5=8�Pjk�� ��#

"

!

<Script language="JavaScript">

<!--

document.write("3+5=",3+5);

//-->

</Script>

2.4 7;<

JavaScript��~����1"��(>��!"������� ���8���Gp/���!+��!-��!*��!/��Excel��Pª����G`pr_�>��Gp�!%�

��)p �� � ()��)������!"��H�;D����� ��¡W�P������!+����~��?C��"g3�wxr�O�P��T ��_ ��Q _ 2+3�t� 5��������"2"+"3"P��P"23"���p � ����1"��wxr���?�!"p��P��Pnop�?C�[4������?C�Ft� ��

1���

��� JavaScript�"�������jk����������Ipq��7 �3+4���Pp��} �������(hello.htm)

2.5 %�!�

&'()�()_��(+�����+�HTML�+d����������Np����Web3(7(�yt�CGI��M�� ���Web3(7(�y�{� JavaScript��(+

4

��M���P���������@L��+d�HTML������Script+d�!w�X,��+d�!��������p}I��� �JavaScript�()����U�&'()�+d���t� p�t JavaScript���������p}I��� �&'()�[\A �"����+d�0� ���

<Form name="�{">

&'()�KP</Form>

B}�§� fromP!0(���STp}I���!�{�����E��1?x�������� ��0�&'()��0��{�Ii}I���&'()�KPPp�?-�����������P_�(��N���+����"�������_ ���

<Input name="�{">

&?��NM�li�>���/������!�{��Ii}I���������E�����E�������NMIi�jk�� ��"����p����;D�������

<Input name="�{" size="wx?">

�r���;Dp�!wx?��jk��NM������_��NM��~���g��wx?�����P�������t��t��+�NM�2�KP���r}�P��� ���

<Input name="�{" value="KP">

��>�!KP��[\p�����q��t������_ ��value�;D���>��6M��_ ��

2.6 �NM$��=N

�NM��T%STp%(.v� p�t�(*(���N���P��� ������JavaScript����NM�2� Np�_�5��NM�����KP�<_ p�_���K�@Lp �� � N������

document.&'()��{.�NM��{.value= NKP;

Pp ���D��E������o� ���Ip!&'()��{�w!�NM��{��hUf)�;���'�����{P�A£Cp����>���oi������_ ��¢q�§���

document.forms['&'()��{'].elements['�NM��{'].value= NKP;

5

����p}I��� �KP�<_ �>���=�:BPª������ ���Ip��NM�KP�!123�P]����?x�>���wxrPp0� ���STp ��?C�Dp��>���eval() P��4?�()����@#�w_�����?C�3i��P����D_ ��g��!aaa�P]��{�&'()�E���!x�P]��{��NM���t��?x�?CPp<_ �«�=�����

eval(document.forms['aaa'].elements['x'].value)

document.forms['aaa'].elements['x'].value*1

1���

HTML�3Q��NM�D5p�JavaScript�/��¡� 2Q��/���123P 456����q���NM���� 2Q��NM�KP��!���������(xy.htm)

2.7 4?��5 (1)

��cddEf,d]���PH$JavaScript��4?��(��P���_�V�T �;�� ��Q _4?���P()_�t�;k�`�2����P��� ���N(�����*+,�T%ST��P!"�p}��P�����>��/�!"�KP�4?PpD5p�*+,��T%ST���t/�4?��� �P��;k�Ii ��P_�(�����4?�D5�K�@Lp�">�*+,���@L�p ���rJavaScriptn

����_�?�4?���;�� ��/�t���>��n��4?�D5��UV��_ ���4?�D5����"����=� ���

function 4?�(){

4?�E�}

4?��1?x���4?�E�Pp�JavaScript�w�=� ����[\�U�4?��� p�����UV�������}<Head>�+d�!�=�� ���� ��JavaScript

�[\P��_���=��Ii��4?�E������ ���4?�E����p��P�����

4?�();

�=� ����P���4?�E��=�<p��Pª�������� ��

6

2.8 %��

Web&(I�kt��*+,�HTML�+d�it� �� ���Form+d�EIi�M8������[\����U�<Form>P</Form>�!��� ��*+,�C���P�����

<Input type="button" value="*+,�wx" onClick="4?�()">

�[\��P�!*+,�wx��;Dp�wx�I��*+,�������T%ST��P!4?� ()��;Dp�4?����� �����;D��4?�~�n��D5p�4?����JavaScript�;���4?��� � ���

1���

"����*+,�I��&(I�i@���(button.htm)

1. T%ST��P!window.close()���� �!P���Pwx�I��*+,�

2. T%ST��P2Q��NM����?C��!� 3Q+��NM�jk��!�!�Pwx�I��*+,�

3. �t��NM�D�p�/��!J6��*+,�T%ST��P?C�J6���������

2.9 >7H�

�,�Z(+�@�!E;!"��P���� p�����,�Z(+PEB�0� ����!"��� ����,�Z(+��t�-.HC������P]��[K�HC��M�yes�no��OMp�HCp��� ���HC�Y��2Q����H3���"����H31";�()�����

< L� > �2

<= g� (�) >= g� (�)

== �p� != �p}�� (6=)

��t�()���P��_ 2Q����H3��� ����t�B}����H3���+����t�H3�&&(�Q)w||( ��)�Q���P��� ��N(�"��������_ ��

� x>3 && y<5

���x�3�_��}�Q�y�5�_���P��-.�kp ��

7

� x==y && y==z

���xPyP z��p��P�kp ��H3�2Q���p��������x==y==z

�����=i ���(=i�'�T ����)

�����-.HD�"���� ifw��)p ���

if (-.) {

-.�@Np�P������KP}

�p-.�@Np����>��2����� ����t�-.��@N�>��'�©�p��>��"����[\p ��#

"

!

if (-.) {

-.�@Np�P������KP} else {

-.��@N�P������KP}

�t� ifw�E� ifw�����P������"� if�()p�N�£��������>�������XS%(I�jk����9(}I���

if (document.aaa.sex.value=="C") {

if (documnet.aaa.looks.value=="Good") {

document.aaa.message.value="7B�H�6(}� ���!";

} else {

document.aaa.message.value="���";

}

} else {

document.aaa.message.value="���¡�";

}

1���

1. �[� if�N�r��!�����P���!���¡�����P��P�A p����p0C���D��P������������¡�����

2. �NM��DP ���Np�t!HD��*+,�T%ST��P�(�D� 100)� 0:9 < �

�t�HD���M�!�$��/���i��!� (P�P �������(hantei.htm)

8

2.10 79!3G2L

£C&(I�jk������&(I�KP�[����P����P���8t� ��/��¡�£Q�Form�+d�E��NM�p���I����t��+�NM� pr��i���t���P�� _LN�����E��[�p�5�Q��t(����@�������¨��_ �����@L��/06:A����UV�P�����E1�;Dp�KP�jkp}����/�����¨��_ ���

��2L

"����[\������P���'�\,����� ���

window.alert(jkKP);

!jkKP�����!"�w!'��0��wxrw#���!,��6@��&?;D���P��� ��"����N��jkKPPp" ���9����!"�;Dp�>�������k�()_�!OK��*+,�T%ST�� �JavaScript����D;p ��

��2L

!0�*+,�T%STp��+�A��(+�<��P��_ ��/��������P��t��������_�0C���������M��+�{�:A��� ����p pW��()_�jk���KP�k!OK� ��!�%,%v��*+,�T%ST�����if�J)p/�����KP�@_B( ��#

"

!

if (window.confirm(KP)==true){

!OK��T%STp�>����KP} else {

!�%,%v��T%STp�>����KP}

!KP����jk�� ��!==true��>N�����;D������/0�����Pª����!�%,%v��T%STp�>�2�p������� elseg��>N���P��� ��g��KPPp"�:p}� ��!"�;Dp�>����

9

1���

1. :A���r�!�%,%v��T%STp�>��a2�����t������[\�������

2. {@�2� (hantei.htm)��Dw ��M��N���!HD��*+,�T%STp�P��/0��� ��������t�/�>�����HD��� ��������P�/��+��/0��� p���!return;������������returnw�4?����EC��F�����(hantei2.htm)

3. �t�{@�2� (hantei.htm)�!"���!�$�P���>��/��jk��{�!����_�����!�P:A���� ��������A!�%,%v��T%STp�>������jkp���(hantei3.htm)

2.11%��%��$����%���

�N���KP��t��+?<N�8D���>����EIO*+,�QRST*STUw"�@L��VWXYZ(�)�t� ���NM�)���N��AD3��N�Hit� ����EIO*+,�����¡t�)Tp���p�V$����/�����P��}� ��N_�P��]�U�VW��Ii���3����I8�����B?����P��P�]�U�VW�����[�����ST�UV���EIO*+,PQRST*STU�0���&?VW�������������_ ��/���)E������i��P��_ ��N(��@'��>���C�Q=�~��_(�����&?VW����EIO*+,��� �� �9C�D������VW��>���fvTw:����9a���VW���P������&?VW���QRST*STU��)�����~��� �EIO*+,n �HTML�+d���Form+d�M8�0�E��)�� ��N(���

<Input type="radio" name="sex" value="C"> C<Br>

<Input type="radio" name="sex" value="=" checked> =<Br>

<Input type="radio" name="sex" value="1§"> /��<Br>

����[\��P�

�����_ ��name=�P����ª�dv(c�B�����Aª��{�p ��value=�P����JavaScript�VWp����D$�«�p��C��� ��JavaScript��2

HL�VW;�VWp����������UVPp��>���_ ���<6��X�0�PHP���3(7(���M����u-�;Dp�Cp�3(7(�t����U?��LP�_ ��checked�ª�dv(c�E�£QIi�Ii ��������L�q��VW���>���_ �����K��P����VW����� ����P�������E�v����_ ��/p Input+d���2�=��i���t��©�STp}I���Input�+dIi��!p� ������2�VW;���()_���_ ���

10

JavaScriptB���EIO*+,�VW����D$���"����p ���

if (document.&'()�.EIO*+,�[0].checked){

1HL�EIO*+,�VW����>���MKP}

[ ]�E�%d�>��1HL�EIO*+,�D$��P��_ ��2HL�EIO*+,�t��[ ]�E�1��_ ��V���%d�t?(������� �� �value=�;Dp�KP�<_ ����!document.&'()�.EIO*+,� [0].value�����[\p ��n_op�)�B?�EIO*+,�£5��Mp��P��>��EIO*+,��}Q������UV��_ ��/����>���!document.&'()�.EIO*+,�.length�

��_ ��QRST*STU�EIO*+,P$$ª,��_ ���

<Input type="checkbox" name="sugar" checked> :�<Br>

<Input type="checkbox" name="lemon"> ��,<Br>

<Input type="checkbox" name="milk"> 5F<Br>

<Input type="checkbox" name="brandy"> �E,�(<Br>

����[\��P�

�����_ ��dv(c�9@��UV������name=�����{�p ��&?VW������checked�&?Ii���p�A}Ii�}���_ ���JavaScript�

QRST�I������D$�«��EIO*+,�«Pª,���

if (document.&'()�.QRST*STU�.checked){

QRST*STU�QRST�I���>���MKP}

����p ��

1���

"�������EIO*+,PQRST*STU�()pi@p�!?C��*+,�T%ST��P�"����XS%(I� �������if�?���������

� !C�w!/����VWp�>���! I��� ���P]�XS%(IIi�jk���

� !=��VWp�>����9C�������P����XS%(I�jk���(N*

:�"4�@�����)&?VWp�>���&?�XS%(I� ����

11

2.12AB%��!

EIO*+,�����M+A�VW;�jk���i���t���������>��P�P]��¨��_ �����@L��VWXYZ(�t��VW��IiVW;�jk�����J(���EIO*+,Pª,�VWXYZ(n �HTML�+d���Form+d�M8�0�E��)�� ��N(���

<Select name="selone">

<Option>?�<Option selected>�$�<Option value="run">��

</Select>

����[\��P�

����jk�� ����N���!?���!�$���!����3Q�E�t£QV$©��� ��<Option>����}Q�������selected�1QIi;D�������L�q��tjk�� �� �value�;D���P��P�JavaScript�C�<_ ��P��� ��(��N��!�����L�a!run�P]�C�;Q�)

�r�&?VW����LP�����q����"����p ���

<Select name="selmul" multiple>

2Q+g"��L�VW����Ctrl�2p��tT%STp ����>��� selected�&

?;Dp�9� ��� �JavaScript���&?VWp�>��G`����P�i ��� ������4Q���L�q��tjk������p��>����q����"����p ��

12

<Select name="selone" size="3">

P����q��t�L�3Qjk�������_ ���L�3 Qg���>����;_��L�jk����+�UTd(v7(�nop�jk�� ���������pi@p�VWXYZ(������VW�������"����pJavaScript�D$��P��� ��

1. VW;�?��!document.&'()�.%�T��.options.length�1��_ ���r�!%�T����Select+d�;Dp��{��P���

2. VW���������!document.&'()�.%�T��.options[?x].selected�2� true

���������_ ��!?x������%d�tVW;�?-1��_ ��&?VW����>��&?� true��A}VW�����>���true�£Q����P�����STp ��~��"������� ifw�-.�P������VW����L�a�M�����p ��

if (document.&'()�.%�T��.options[2].selected){

3HL��L�VW����>���MKP}

3. VW;�lD����C��!document.&'()�.%�T��.options[?x].value�3�

���P��� ��!?x��T � selectedPª����

4. VW�[�p�t�M�p��>����Select�+d�E� onChangeP��;D��� ��

<Select name="selone" onChange="4?�()">

1���

1. f��%v�7(�(�7(�(%S�Sw���g�����i@pa���r���7(�(%S����,7(�( (1201)��f� (1501)�IZ(U (1001)�/���1

u ��0u�Aa������ª�Aa������&?%S�£c�Sw�����P���(barger.htm)

1$���=���!document.forms[�� L].elements[����L].options.length������2$���=���!document.forms[�� L].elements[����L].options[?�].selected������3$���=���!document.forms[�� L].elements[����L].options[?�].value������

13

2. VWKP�[��������!�|��?���������

3. %S�?���VWXYZ(�1�t5 �VW���������

2.13 J?

cddEf,d]���U�![?�P]���� � ���I�?�t��Q�ª�C�����_ ���![?��x��P}C�[2p ���t�j!"�%v�C����D@C�k��P��� ���P]��P�![?��cddEf,d��6��§�P��£Q�1(�i���t�����_ ����f�U��������Ii�2pP]��P�w�� p��/�/�8D���w_ ��![?���{�I��X����������X���?C ��wxwwxr�£Q=}�P��� ��=��KP����P��� ��£Qp�=i����?p�KP�=�`�Pg{�KP�<� ��![?��()���+��~�!�]��UVP�_ ��!�]����������{��������# (?Cwwx)�KP�=�`+��P]��P�kp ��cddEf,d]�����!�]��UVPp������#�;D��V�����_ ��JavaScript

��{��]�UV����#�;D��V����Bp ���]���P���0�/�[?��)�������_ ��4?�E��]���P4?�E��a�)����_ ��4?�3��]���P/��g"��)����_ ���I����]p�~��cddEf,d]����[?�M8���/�cddE)���E�8D�� ���STp}I���JavaScript�>���/�[\���&(I�jk����!��_ ��

JavaScript��[?��]�;��"�����_ ���

var [?�, [?�, ... ;

![?��Pp�)������1?xP! �����������&?�[?�£c��(������ �� �������]p�[?��?Cwwx��£Q�[?�£Q�8t� ����������P��� �� �"�����]Pª«�[?�C���r}�P��� ��

var x=100;

14

~��]�p�Ii�[?������C�;Q���t���������q��t��r}P0¢���[?�����H_�}����=�NB�ª��{�[?� ��>�����

x=x+3;

?3p�9(�PxPx+3��p}��i����L=p� ���cddE)�?D���=�:B��xP]��{��$J�kp�=�1B��xP]��{��$J�C?��P���L=�@� ����INB�ª���� }���������E!P]��MM�t��

x+=3;

P]��j8������� ��!+=��1B�C�:B�[?��(��P]����F��p ��

1���

1. "����x�C��Np�t!!"��*+,�T%ST��Px

2

+ 3x+ 4�!"�����i��(keisan.htm)

2. !+1��*+,�T%ST��P/�?x�£Q�QA(�}������i���Ip=�1B�document�����t���(count.htm)

2.14 �%�!��9�

�,�Z(+����!^_`a�P]����9�V�������,�Z(+��@g���_�4�:�t2_�§w��PH$��_�B�p��/����§�t��N�f(cC�t��a`a�c%,+(��x�����Bc�����+��¡«!���«!A �99%g���+�P]��P�Dp}�_ ���p��/��/��¡«!�M8�()���+���;©� �p�r�Pp p�����;©����E���p �P�_ ��!^_`a����¡W��2-�)��EO��������;©���UV�@��P���^_`��P�������������������;©��E�����9�}�_ ��JavaScript�onClickwonChange���T ��^_`a�����;©�F�p� ������t�;k�pr}P]�U�hi�4?����^_` ���P��� p�����@L��+\](^_`a�;����������4?������;Dp�«!�72

15

��Pw�� �������()p�Lp��«!@���M�< p���������[2�����)�t� ��+\](^_`a�lD��"����4?�)� ���

x=setTimeout("4?�()",«!);

!4?���P����«!�72p�P���� �4?�"owari()"�������[\p ��!«!��P�����4?��� � ��Q«!� 1/1000IC0�[\p ���P(�3I���� ��t� 3000P=� ���Ip��«!�4p�,-�V��M���/�$�@:���_ ���!x��GT�[?�9� �������+\](��'; (ID)��_ ������)p"������PlDp�+\](^_`a�2����P��� ���

clearTimeout(x);

STp�i���t����£c4?��� ���P��+\](^_`a�lD��}���P���n_op�� �>����� ���4?�E�:� setTimeout�;k���UV��_ ��

1���

1. ª��NM�3Q�XS%(I� 2I!3�jk�����i���rq��XS%(I� p���w�_ 2I��q��XS%(I��_�1��B}������(display.htm)

2. "��������� p�

� 3IgK�a(����>����!«!@����P]�/0��� 12Ii ��

� !yes��T%STp�>����!!!!�P]�/0��� ��(!!!���2�E�����n��9(��)

� !no��T%STp�>����!!!!�P]�/0��� ��(!!!���2�E�����n��9(��)

�¡��«!gK�a(�>���!«!@������������(quiz.htm)

16

2.15 2A�%����

JavaScript��,-����O�IRT� (object: t)Pp0� ��windowwdocument

�O�IRT����O�IRT��cdefg(property: F)�;¡ �������cdefg�;Q��O�IRT�"B��������b�cdefg�N����/�� JavaScript

�0��K�@Lp �� ��b�cdefgPp�jp����"��������_ ��

height �b�=I���?�jp���width �b�2I���?�jp���

style.top jkp���b�:�3�Y:�

style.left jkp���b�:�3�X:�

name �b��{nameProp jkp���b�&u\v�

src jkp���b�URL

onclick �b�T%STp�P��5o���4?

��t�cdefg�HTML�+d�£PplD���P��� �� � style.topw

style.left�Style Sheet�lD���P��� ���

<Img src="test.gif" height="100" width="100" name="test"

onClick="window.close()">

�JavaScipt�cdefg�[����P��_[��b��8���P��� ��!position: absolute�P]�;D� � ������0C�WindowK�:��;D��P]�T ���

<HTML>

<Head>

<Title>o}6[��b</Title>

</Head>

<Body>

<Img src="http://www.ss.sugiyama-u.ac.jp/web/gif/kousha.gif" name="kousha"

onClick="window.close()" style="position: absolute; top: 100px;">

<Script language="JavaScript">

<!--

window.alert("jk�����b�=I��"+document.kousha.height+"���");

window.alert("jk�����b�URL��"+document.kousha.src+"���");

window.alert("jk�����b�&u\v���"+document.kousha.nameProp+"���");

window.alert("jk�����b�Y:���"+document.kousha.style.top+"���");

window.alert("jk�����b�o�p ��");

document.kousha.style.top="50px";

window.alert("jk�����b�[�p ��");

document.kousha.src="http://www.ss.sugiyama-u.ac.jp/web/gif/seis_s.gif";

//-->

</Script>

</Body>

</HTML>

17

�b��{�I����>�w���{P¥ª������>��"����;Dp ���

document.images['kousha'].src="test.gif"; // ¥ª�Hi�document.images[0].src="test.gif"; // &(I�q�� ���b

1���

1. !"�P=���*+,�T%ST��P�b�1��!��P=���*+,�T%ST��P�b�:�o}���i��(image1.htm)

2. !Start�P=���*+,�T%ST��P�b�1IK�:1�o��!End��*+,�T%ST��PD;�����i��(image2.htm)

3. !Start�P=���*+,�T%ST��P�b�1IK�:1�o�� �0.7IK�����o}�����/p!End��*+,�T%ST��PD;�����i��(image3.htm)

4. �[�����!End��*+,�T%STp�P��:�����!��_!�P/0���jk���������(image4.htm)

2.16 Window�A:

%T%U��P� g3�'�Window��}&(I��_ ���D�CM�&(I���<��Ii����>�����/��J��P�t�'�CM�&(I� }�P������_ ������Window�4��,-�hiK�Q�@Lp �� �'Window�i@�;����"����p?p�Window��}�P��� ���

var w;

w=window.open(URL,windowID,option);

URL��~��"http://..."P�"&u\v�"��_ ��windowID�window �Ii��{�1?x�E���{�Ii ��&?�Window��}>���0��{�p �� ����A+d�E� target�;D���P��_�T%ST��P'Window�jk��,��P��� ��option�����,-�;k�""�0��!,��6@�&?;D���P��� ��(N(��"width=200,height=100"�������)g�� option��)������kp ��

;k� KP N

height Window��� height=300

width Window�I width=300

directories %,T�P���Ii����� directories=yes

location URL�jk�Ii����� location=yes

menubar XYZ(7(�Ii����� menubar=yes

resizable ����[������������� resizable=yes

scrollbars UTd(v7(�Ii����� scrollbars=yes

status window���>6jk� ����� status=yes

toolbar �(v7(�Ii����� toolbar=yes

18

2�option�;D�p�>��yes�p�������jk�� ����I�E������ }��P�����noP;Dp�������p� ����r�URL�windowID�

option�;D�>N������[�N�wP��[?��@@���window�lD�� �����()p?p}���window�hi���P��� ��N(���

w.close();

�����P/�window�J�� (x�)�P��� ��window�<o�x��P�������hip��P ���/�window������P��_ ��/����>��G�������

if (w.closed) {

/�window�J�t���>���M}

����[\p ��URL�;D��>��?p�window�E �'&u\v�����P��_ ���URL�

;Dp��>� (URL�>��""�;D)��openp��P�Bidocument.write�/�KP�y��P��� ��'

&

$

%

var w;

w=window.open("","","width=300,height=200");

w.document.write("<HTML>");

w.document.write("<Head><Title>+\�v</Title></Head>");

w.document.write("<Body><H1>+\�vI$</H1></Body>");

w.document.write("</HTML>");

��N�t��������F�!w.��Ii��P��_��� �w���P��D/� ?p}i��Window�Gp���P��� �4�5�?p}it��Window�t5���Window�Gp;k� �©��� ��/�>���!window.opener.��Ii��P��_ ��N(�;�Winodow���"����w�����P���Window�?;��Sc&(I� �©��� ���

window.opener.location.href="http://www.sugiyama-u.ac.jp/";

/pJavaScript�[\����Window�Gphip��>���!window.��Ii��2�Ii�����p ��

1���

1.!Open Top�P=���*+,�T%ST��P�����600�400�=2�UTd(v7(�a�I��'Window�?;��Sc&(I (http://www.sugiyama-u.ac.jp/)� ��

4

document.write��D��J�N�C�</Script>

���>9�!<!/Script>

����5=��� ��

�� ����JavaScript�5=�����8�����%��������

19

������t���Window���!31%,+(�P]�%,T�T%ST��P'Win-

dow�jk�������31%,+(��Sc&(I (http://www.center.sugiyama-

u.ac.jp/)�[�������(window1.htm)

2. !Open Close�P=���*+,�T%ST��P'Window����/��!J���P=��*+,�jk����������r��*+,�T%ST��P'Window�J�

t��� ���Window��!J���P=��*+,�C�����T%ST��Pw�_'Window�J����P���(window2.htm)

3. �E���&u\v��}P���Window��?;��Sc&(I��'Window��n��9���b�jk���������'Window�����jk����b�����P�(window3.htm)

4. �NM� 2Qli�/��?C��Np���!�!�P=���*+,�T%ST��P�!�!�P]�+\�v�I��'Window����/�E�?C�O�jk����������r��'Window���>��2+'Window�����������%,�:�t��+w�E��C���r}Pwindow.open��)p��� I�)p��������HD�����(window4.htm)

20

3 PHPFL

{>�� JavaScript�()p�()_��N�`a��Web&(I�i@���K�Q�3� p��p�p�t�()_�Gp�c�`a����+����E��BIi���M��_ ��N(�Yahoo����(%(�����r�Pp���t��+����(+�(U�KP�A�E���y��P��M�pW�� �Sw��I�&(I���N���SwKP�3(7(���[Op�HS��M��t�i���_ ����r5��E���t��/�����P��� �����>�0�PHP��1994G�Rasmus Lerdorf;����H�� ��UT%c�]�5�

���P�P�!Personal Home Page��t�$it��������8:�u§�<�N�!PHP: Hypertext Preprocessor�PpB}�§-�<����H�Bit�� ��

PHP�FD�£Q��3(7(B���M�~��HTML�&u\v�E�¥:����P����¨���3(7(��Mp�����E���jk���+����� ��r_HTML

���[\�UV���/p/�������� ��r_[\p�3(7(�t�`a��IiPHP�[\��������_ ��4����[J(�����p���PHTML�

JavaScript�PHP��¡��¡����p �§�����p�������p¢q�P�����

PHP�FDPp���}��t�����,-��(+�(U.&�P0C�@B���¨�����$�N�����(%(���wSw�I��M���~��(+�(U�()�� �����t��t��+�(+��(+�(U���r��/�E�tCp �� �Sw�I���iIi�Sw�KP��(+�(U�EO�����~���������D��M���(+�(U�()�U?P��� ���PHP�t0C��(+�(U�()�������D��M�0C�[\���P���P��_ ��Web3(7(�()���cddEf,d]�Ppg{�Perl����}��� p���8:��B}�hUf)�PHP�9���� ��

3.1 �� !���� �����

PHP���[\��� ��HTML�����&u\v�E�4+ �����>��F�7 �� ���[\���KP�Y�p��&u\v�q����[\�����t���� ��/p���������E���yt� ���E��B�!.(U�jk�����PHP�[\�;�� ����� ��HTML�[\PPHP�[\�¥�t������PHP�[\�<?phpP?>�!��� ��Q _HTMLp��!?php�P��+d���p� ��#_�+d���_ ���t�/?>����!/�������}I����

<?php

PHP�[\?>

PHP�()����V�ST��

� 3�;�!.htm����}! .php�����5�0�����8��� ������><9�������IM���!���������<9�$

��

21

� oi�:A���U�3(7(�yt�i���t���

P]�¨���3�;�^��r_�! .htm����PHP�[\�C��[�+dP]��P��E������� �� �3(7(�PHP����������� �����TeraPad�*+,�jk���_�e.�,��UT�Sc�JBp�%\�,�'�vT%STp����I+���

3(7(��&u\vy_��{4�f�U���_ ��1=<XYZ(���mftp�5o

p ��/p���window�E�!www�P���{�I��&'v'(�'�vT%STp��r� �����PHP�4�&u\v������ESd���P��_3(7(�y��P��� ��mftp�<6E�J������P��� �pr}©�4+ ��/$A��%����F:�3G����!� ���5F$����������URL

6

�8�����A��%���L�D2$�����$ �"

3.2I#&'N

(�JavaScript�document.write)E��*�+�",-�M.$�8=�/?�01�

67��9;+>@!CH�K����>O�HTML�PQ�R�S+67��,T*+U

�"VW�JavaScript�XYZ[+\���T]^*��_T$�7$ �"

'

&

$

%

<HTML>

<Head>

<Title>PHP�_</Title>

</Head>

<Body>

<?php

echo ",`a�<Br>";

echo 'He said, "I love you.".<Br>';

echo '<Font size="7">',3+4,"</Font>";

?>

</Body>

</HTML>

,-�btest.phpc�de>fgh�ij�%���L+klmnopqr$!����

A��s�T JavaScript�tuT]v67w- �"TeraPad+b.phpcTxefgh�%�

���qr��y�!b%����z{c�T,|�}(b�~��%��� (*.*)c$��

wj7"

,�_V��V�de��V�67�\j�jTU�!PHP+�bechocTxe���.j

�"JavaScript�document.write��?9���+ ()��67$�j*���- $��!

,a����>�+ ()���+�8" �����b;c�}(}�>�+�->jde$�@

9wj"

PHP+�V����T� ��K�����67w- �"_��!��O�_+ 9\�

���W�� echo�\��8�b;c��-�T!bParse error: parse error, unexpected

T ECHO, expecting ',' or ';' in ..../test.php on line 10c�de>K�����67

6

http://www.center.sugiyama-u.ac.jp/users/����/

7��� ¡¢£test.php¤ test.php.txt¥¦�§ ¨©ª«8

PHP§¬­®¤¯¨©ª«PHP¥­®°±¡²³´µ£JavaScript¢¶·§ ()¥¸§¹º²»¢§ ¨©ª«

22

w- �"10\�+b,cVb;c�4B$�j��!�8�+>jbechoc�����!Txe

de>0L+�",�de\��8+����T� ��t=�<�\T$�67w-�,T

*�� �9"

JavaScript+�"!"T'!'�A@]^0L+$��!PHP+�>$�j �"<��@�/

?�b!c�I�R`9TU!��+�/?�I����C?T�U���- ��!8�+

���de>,T��� `"

$x=123;

echo "x=$x<Br>"; // x=123 T67w-�"echo 'x=$x<Br>'; // x=$x T67w-�"

3.3 J�7;�

PHP+�/?�@x( .��,T�+U �"�9�-+�O-�/?>�Vs�;�

WU@@>��+!b$xc�de}(�Fb$c�i; �" �/?L��G>���

�� .+U `"1?�10$�@9wj"

/?�b=c�:���U�tu�!/?�V�-deT$�j�,T�7$�j �"/

?�?����N>O��-�,T�+U �"����tu�/?���j�01�7$

�j �""123"Txede>��N�����C�-�?�� 123T$���- �" �}

���-�?����N�FE/�w-�,T*�� �"

$x="123"+456;

echo "x=",$x; // x=579 T67w-�"

����JavaScriptT]v5=��,T�+U �"�9b+c�KE2��0L+$V

�� `"��NT��N�@�W;�jTU�b.c� .$ �"

$yen=1234;

$kekka="����".$yen."�+�"<Br>";

echo $kekka; // ����1234�+�" T67w-�"

3.4 ���� (1)

op% �P�"b#h��&cT*8�-�de9'���+U �"$V$j@�9

'+*!���~U��>$$V>;-�� �0L��� `" ����@w`���*

�-�jaja�($>;-�>�>j�+�)/+�"/?����+��*2�*ek+�

(��Txede>,�H;�- ��!,-9;+�-� `"�.Q /pQx3+�C

H6�D$Txe*��MO5=+U�de>����!?\��.Q P+�QR*��

w�Txede>,�ST+�"

�T��PHP+� for�T8�-�<�de>5=+bI love you.c�100R67��,T�

+U �"

9UgV°Wº²¢£µ²XX YZ[\]§ ²»¢¬¯¨©ª«10^_©Yµ®_Z£`aµ^_§�bcde¡«

23

for ($i=0;$i<100;$i++){

echo $i," I love you.<Br>";

}

,-� for�T8�-�*�+{;�*��CH��.Q Px3+�}(r:$ �11"PHP

+� for��!for( A ; B ; C ) f D g�de>a$�TJ�>S�$���!<�de>0L>

� �"

1. A �<\$ �",,�CHB����� �"

2. B �>7�D~ �"*$>7�@N�tu� for��=�$ �"

3. D �<\$ �",,�G0�J?����@,T�+U �"

4. C �<\$ �",,�_�de>� ��B����� �"

5. 2H�L�"

B �>7+��,T! C T D ��j����HT5<\w-�,TC0$�@9wj"

�5�<_�tu<�de>4^+<\w- �"

1. b$i=0c�<\���+/? i���%.>�"

2. b$i<100c�>7�D~�T!/? i���%.>�+>7�@N��"

3. bechoc�<\���+b0 I love you.cT67��"

4. b$i++c�<\��",-�b$i=$i+1cT]^0L>�+!/? i���1>�"

5. b$i<100c�>7L�"/? i���1>�+>7�@N��"

6. bechoc�<\���+b1 I love you.cT67��"

7. b$i++c�<\��"/? i���2>�"

8. 6�D���/? i���A2$�j@"

9. b99 I love you.cT67$�8!/? i���100>�"

10. b$i<100c�K�w>@>��+ for��=���"

*$1000RbI love youcT�$�jtu�!b$i<1000c/9$ �"i���O`O`8�

$�jtu�!b$i++c�B��b$i��c� .$ �",-�b$i=$i-1cT]^0L+�"

11�§0�YJavaScriptZ¬¬��±2�Zª«

24

1=LB

1. 2��b1 3 5 7 9 ... 97 99cT67��*�"?�$T�\��}��>j"(kisuu.php)

2. 2��b99 98 97 ... 3 2 1%�p!c�A�PHP+67��*�"?�$T�\��

}��>j"(countdown.php)

3. 2��<�de10$T\�/��1V�100 +�?�67��"for���W .

��"(10x10.php)

3.5GN7J

op% �P+)��>J��M$�jtu!�-�^�/?*)�}�>� �"�

�de>tu�-�-�/?��L������)/+�"�,+N��/?Txe*

���.Q /pQx3+� ��de>��j �"PHP+�N��/?*/?+��+

b$cV�; � �"�$�/?�L��8b[ ]c�����CE��T8�-�*�� D

$ �"IC��.Q /pQx3+�E���?�+��!PHP+���N* .+U �"

'

&

$

%

$data[1]=123;$data[2]=456;$data[3]=789;

for ($i=1;$i<=3;$i++) {

echo "$data[$i]<Br>";

}

$data['name']="��";$data['address']="L8��";

echo $data['name'],"�� j�",$data['address'],"+�"";

3.6 ������&F�

���P��(�M.���($�01�PHP+�M����!kl�����($

�01�A�D$�*��>;-�>� `"��������$�����P�01�

A?���Pp�}�>� �",��Pp�HTML+<�de5=$ �"

<Input type="submit" value="A?">

value+ D$�01��Pp���V-���+��+G0�*��ST+��!M.��

�8,-�����$>;-�>�>j,T��V�de>*�$ �" �,-9;+�

25

����A��01�O�PHP��%����M��-�Nj�V�V� `",��M�

�PHP��%��� D�!Form�PQ�T,|+\j �"

<Form method="POST" action="prog.php">

methodWj��POST03GET* DST+��!GET�J�����A-���

P�@8����+T���(�POST+Nj+$$e"action+����+�M���.Q

P� D$ �"

Dw-�PHP��%���J+�!F�>N�/?�.j�,Td�!MO���P

�C+�($�01�<���,T�+U �"_��bnamaecTxeL��i;��(��

��!b$_POST['namae']c+<���,T�+U �"

'

&

$

%

<HTML>

<Head>

<Title>�(��_</Title>

</Head>

<Body>

<Form method="POST" action="prog.php">

L�!<Input name="namae"><Br>

<Input type="submit" value="A?">

</Form>

</Body>

</HTML>

,��(��_�PHP�5=��*R -�5 `�+!CH�fgh�.htm��%�

��- �"(_��binput.htmc)�$�<��}(bprog.phpcTL��i;�qr$�@

9wj"(�5�_+ action=+,�L�� D$�j��+")

'

&

$

%

<HTML>

<Head>

<Title>�(��M�_</Title>

</Head>

<Body>

<?php

echo "L��!",$_POST['namae'],"����j $�"<Br>";

?>

</Body>

</HTML>

1=LB

<�de>�(2�>���� (cyuumon.htm)�:@$!�,V�C�01�67�� (uketuke.php)

�:@d">��(2���(���V��H!bnamaec!bbangouc!btankac!bkosuuc

TjeL��Wj�j�"

26

3.7 �%��A:

M.�V���(�qr�����%���:@$�!�,�(01��->;-�>

� `" �5�%�����j�>J�<��$�67��de>,T*$�$�\�

- �",,+���de>�%������:�O�dePHP+�5=���VWj�

@L$ �"

����$3�

�%���M.���� (b�%����@cTje�:�}�>� �",�TU!

,-V��e�%���L�T�%��B$�O�de>�:�\j�jV� D$ �"

$file=fopen("aaa.txt","w");

fopen�b�%����@c�?+�"fopen��= D$�j���,-V��:���%

���L�+�",�_+�baaa.txtcTjeL���%���B>T>� �"<"w"Tj

e D��� ��!,-��%��>J��U9 (write),T�7$ �"*$baaa.txtc

�>;-�!,,+baaa.txtcTxe6��%���:@w- �"*$4r:$�tu�!

,- +���j�01�w-�$ e�+C0$ �"

,- +���j�01D2 (append)�$�jtu�!"w"�B��"a"� D$ �"

�%���>V��tu�"w"� D$��T]^F:>� �12"

�%���01�F��$ (read)�$�jtu�!"r"� D$ �"*$r:$>j�%��

B$�,� D���T fopen�bfalsecTxeF<>��D$!0��F��U�+U

`�++$C0@9wj"

12

PHPKM¥5�Zµ»ºZ� ��¨ ¥Zª¤£��§±�b�²¢UPermission deniedV¢8�[\]¤��²»¢¤¯¨©ª«»ºµ�2¤ ¡¢8�0�Z£

Web�]�]¥���¤

PHP°�X�b����° !�

¦�¢�Y¢»�£"±#¥N&d�Y¥Z����° !Z' X�YY(Zª«�¥¦� ;¤�� ¡¦�§suPHP¢8����Z»¥)*°2Hª²¦�§+D�b¯¨©ª«

27

fopen�D���,�_+�$�leTje/?�-�j �",-�8+ .$ ��+!EE

>L��/?}(�-�@9wj">�!];J?��%����e,T�+U ��!�

�tu� fopen�*2��-�-0>�/?�-�@9wj"

����$�=�9�

�%����V��P��U9tu�!<�de fwrite� .$ �"

fwrite($file,"�U9��P!n");

,�_+���O fopen+�j��%��b�U9��PcTxe��NT�\ (!n)��

U9 - �"echoT]v/?� D�-�/?�01��U9,T*+U �"fwrite�

()�C�kW$V�U9��j01� D+U>j�+!��NT/?�01�NJ�U�j

tu�!��N�*u�7�b.c+W>� �"�U9��j01�B?��tu� fwrite�}

�>?9;6�D$5=$ �"J?���P��U9tu�!��PT��P��6G�

�\���de$ �"_��b123cTb456c��;��%���U9T�%��C

�b123456c����+!8+,-�F�9`+*O,+��-�Nj�V�V�>@>� �"

<�de�%���U9T!

$a=123;

fwrite($file,$a."!n");

fwrite($file,"���Te!n");

�%���<�de>01��� �"

123

���Te

�������F���

�%��V���P�F����!<�de fgets�.j �"

$data=fgets($file,256);

,-+��O� fopen+�j��%��d�#\�F��w-!/?$data�� �"256�

��P��)D+�"*$�%��,-d�Dj\����tu�!T���(,,+ D$

��9;/?�� �",� fgets�6�D�,Td��%����FV��H1\(WF

���,T�+U �"

����$J

�%������:�=����<�de$��%����^ �"�%���F��$

�y�)U>Z[>�,T�>>j+��!�U9��y�-�T?�Z[�@^�,T�

�� �"

28

fclose($file);

�����FM�3G

peditor+�%���J=��,Td�!�%%��U9`901�3G��,T�+U

�" �mFtp+�!01�3G$�j�%%���%op����������T!�$�%%

��mnop$�����������V�A�-!mnop��n�����d���

V- �"01�3G$�8!n�������^�*!������A�-��%%���

$ �� �$+��>tu�:�$�@9wj" �01��@$�tu�!����A

�Dw>jT!����$�%%�$01�/9w- `$+$C0@9wj"

>�!fgh� txt$�%%��CHbK�Dc+�V- ��!�\�L;w-� 1\>�

��!�����2;��,T*�� �",-�!����Tmnop+�!�\o�%��

�o�%�0>��j��+�"TeraPad �,$��$�j��FE8�$�B�$�@-

�$+!��������67�/>���%%��!TeraPad+�U>��T)�@$@

67w- �"

1=LB

��$XYZ[+:@$�C�01�67�� (uketuke.php)�(01���$\$�

�%%� (data.txt)D2��I��D2d">�!�%%��-��H�!L�!>IH

9!O!�?$�T��"

3.8 ���� (2)

for�03*while�Tx�-6�D$���� �"

while (>7) {

>7�@N$�j��6�D$<\��01}

for�+*;�=�$>j6�D$>���� ��!while��6�Dw-�01$C+>

7�/2��de>,T�$>jTMO=��>j*$>��$ e$+C0$ �" �!

do{while�T8�-�6�D$�*��!<$de>S�$�j �"

do {

>7�@N$�j��6�D$<\��01} while (>7);

while�T0>�$�>7�D~�$�<\�$�V�TxeE+�"W �6�D$<\w-

�01�>>@T*kR�<\w- �"

��V^�\�$��P��%%���T�V��j�tu�!�$?9; fgets��;�

Nj$+��!<y�O$@�j���j�V�V�>j_*B?�� �"�ejetu��%

%�V�F��$�+U>V��tu fgets�bfalsecTxe��D�$�M.$�<$de>

whiled�6�D$� j �"

29

while ($data=fgets($file,256)) {

$dataF��w-���P$�M}

1=LB

1. for�$_�while��M.$�5=d"

2. data.txt�%%�$01�A�<$de6$S+67��*$�:@d"�9$��P

��7���j�V�,���V�>j*$T��"(hyouji.php)

3.9 >7HC

PHP$>7��* JavaScriptTA@]^S�$�j �"()$C$>7$�UJ*]v+�"

_��b/?a$01�10E$@>jc�b$a!=10c$de�U �"

#

"

!

if (>7) {

>7�@N$�TU$01} else {

>7�@N$>V��TU$01}

>7��@N$tu$01�>jTU�!else0���N+U �"PHP�JavaScriptT)U

@0>�T,|�01$T,|HTML>O$01�D@5=��JK���,T+�"_��

<$de>4^+�"

#

"

!

if ($tokuten==100) { // FE$/?($tokuten)�100>��2A�67��"?>

<Img src="manten.gif">

<?php

}

W �k+?>+PHP$5=�=���CH$HTML$PQ>O�5=��,T�+U �13"�9�^�b}c>O��-�T� �>� �"

13

JavaScriptZµ»¥¦� ³´£document.write °±ª²IM¤¯¨©�Y«

30

1=LB

1. �>$XYZ[ 2H (hyouji.php)D2�$�!C�7?�6$�b8:$C�7?! 3

7c$de67w-�ded">�7?�%.$tu�!bC���� `cT

67w-�de��"

%p�!6�D$���b$count=0;c�$!6�D$$C+b$count++;c�$��

;�!6�D$�=�$�TU$count7?����j�"

2. �>$XYZ[ 2H (hyouji.php)D2�$�!C�63 (OT�?$@)�10,0000�

$C��$L���+67w-�ded"�>$XYZ[ 2H$2�_>��!b�V

a$`c$���@67w-�"

3.10 J;N4

op% �P�!?�$�����V�#h��&T8�-�$+��!8:$ �-J��

�03$�,$J�Bjde*��- �"?�03$��PT$�_����N��� �"

,,+�PHP+��N��ey �-��?$j@WV��2$ �"

� strlen�?!��N$Dw�5��?+�"��N$Dw�!��N�9@����$?

+�"

echo strlen("abcdefg"); // 7T67w-�

� strpos�?!��N$C! D$���N�R -�VOeVD~��?+�"�=

D$���N$C!< D$���N�R --�!����V�V�E� �"*$

R -�5>;-� false�D$ �"

echo strpos("abcdefg","cde"); // 2T67w-�

<��F�%.T?��$+�5$_+�3+�>@ 2�67w- �"PHP+�%.T

false�]E��- �"�$�R ->;-��V��Txetu�<$de>�

UJ�$ �"

if (strpos($x,"abc")===false) {

// $x abc�R ->V��tu$�M}

E9�2W+*L>4^+$$e�!E9�3W}�T>� �",-$HD$>7+�

b!==c>� �"

� substr�?!��N$kI������?+�"����V�����$VT!�����

���V� D$ �"����$ D��Nw-�tu�! Dw-���0�A���

��w- �"

31

echo substr("abcdefg",2,3); // cde �67w-�echo substr("abcdefg",4); // efg �67w-�

����V$ D$y*�F$���%.>$+C0$ �" �����V$T,|�I

$?��T!��N$8|V� D��,T*+U �"

echo substr("abcdefg",-3,2); // ef �67w-�

�0�$�:�4�� $�"

� ��N$O*!��NT��N�O*$�j;�b.c� j �"

� ��N$H3!�W$��N�E$jVOeVD~�;�b==c!E$@>jVOeV�

D~�;�b!=c� .$ �"���%%���+���*$�!d�>wjT��w

-�$+!b<c�b>c* .ST+�"

>�!�M��B>$��N�!��$1?�9;+>@!FK3$��>O�Rtu��

eje��B�+U��?�.j �"_��bstrlen("�je")c$*2� 6>� �"k

J0�$6��bmb strlen("�je","SJIS")c>��*2�3>� �"@$j*2�5

���!@$j encoding$@D (�=$_+�"SJIS"$I�)�\�>jT>�>j$+!F

K38D+**9�E+�"

01 ��1?�. FK3*B�

��N$Dw strlen mb strlen

��N$0� strpos mb strpos

��N$���$ substr mb substr

1=LB

1. 2J+��L�FK$5���"�(��(w-��L (�9$�TL$��6G�

kW��*$T��)�b/�c�Pp�������T5�67���.Q P�:@

d"

2. <$de>L�$8:�.Q P�:@d"

� �%%��kensaku.php$�+��"

� 8:����P� fname.txtTxe�%%����j�14"�(w-�����%�

R\��$ 2�67�-�Nj"

14»¥����µ6�X$D�ª²¥Z£�<mftp©YµpeditorZweb�]�]§�Aª²»¢«

32

3.11 A?�&%���

��C+*��j�H$ �"Web���$�(8�����tu!�$8��&3E8

�ST+���*!PHP�A?�Pp�����$��(01�����M>j8�B�+U

`"�$�8�����,T� �A�Dw>jTM.��E�� `"������

$1I���B��!A?�Pp�������T! ( JavaScript+�����\j!Z[

�L;-�KE����A?��,T�9��- �"������� .$>j�B:

�E�D�,T�+U �"

�$��!?�<D$��}���� �"��<$de>��j�T$ �"

<Form method="POST" action="syori.php">

...CN...

<Input type="submit" value="A?">

...8N...

Form$PQ�!bname="bbb"c$deL��i; �",-�8+JavaScriptV�,$

���PB$�A?$ 7�+U�de���+�" �!btype="submit"c$�Pp�

btype="button"c/9$!����$�*B:A?w->jde$ �"w�onClick

�M.$�01��������?� D$ �"�e��T<$de>4^>� �"

<Form method="POST" action="syori.php" name="bbb">

...CN...

<Input type="button" value="A?" onCLick="check()">

...8N...

,,+�01��������?T$� check()� D$�j ��!*a|` check()$01

*D5$>;-�>� `"�(�>O$01�D~�!�VZ[>O��-�!�$,T�

7�2�>O� .$�M.���V� retrurn��<\��V!�?�=�$ �"�(

$01Z[�>;-�!<$de$����P$ submit()�?�8���,Td��!�

(w-�01������A�,T�+U �"

33

function check(){

...CN...

document.bbb.submit(); // bbb����PW;�L�...8N...

}

1=LB

1. p.32$b8:�.Q Pc�!b8:c�Pp�������T!�(01�6+>;-�

A?��ded"*$�(01�6+�-�!7�2��.j��$;���de

��"

2. p.26$XYZ[$ cyuumon.htm�j�!bC�c�Pp�����w-�T!3G2��

67w-!�,+bOKc�Pp�������TA?w-�ded">�!3G2�

��(w-�OT�?V�63���$!b!�>� ��!C��M�$�*Nj

+�V!cT67w-�de��"

34

Appendix: Peditor$���

PHP�R`9Web���$�%%��%����E+�"jaja�@$��%%����

���A�>;-�>� `"�,+!�����+�%%��J=+U�de$�*$�

peditor+�",-� .�-��@$��%%���������$+!��%���ST

>� �"

A.1 peditor&������

peditor$��P��� (http://www.mgt.sugiyama-u.ac.jp/miki/Peditor/)V�peditor.php$

�?H���p.�%$�!,-���$��P������.�%��9;+�"���.�

%�mftp� .�-�dj+$$e"mftp�5F$!��$ IDTm���%��-!bwwwc

������U!�,�peditor.php�% �Q��T%p����=�+�"5peditor��

�>-�!mftp>O+peditor.php�:�$ �"

� ��+peditor.php=�����15��Tbm���%�@Dw-�j `cT�%

�.Q�67w-�!<$de>J=2�>�!peditor.php�?�J=+U�>B>� �"

�,+#\�$!b$pwd="";c$b""c$�m���%��- �"�-03$T,|�/9

$>jde!b"c�w>jdeC0$ �"

m���%��-��bqrc�Pp�����$ �"��T*ek+bm���%�@D

w-�j `cT�%�.Q�67w-�V�!b�%%��qr$ $�c$�%�.Q�6

7w-�!m���%�(2�>� �"0�+%p�����=��+�"

*$��+@D$�m���%��-�tu�!*ek+%p����$�@9wj"m���

%�/9$�@>���!peditor+peditor.php�J=$�@9wj"

A.2 peditor&;�J

������T!<$de>m���%�(2�>� �$+!m���%��($��+

bStartc�Pp�����$ �"

��T<$de>�%%�kM2�>� �"J=2�V�,$2�\@TU�!b�%%

�c�Pp�����$ �"

15\�Zhttp://www.center.sugiyama-u.ac.jp/users/����/peditor.php°�Dª²«

35

� ?5:@$tu!b?5:@ (�%%�)c�Pp$:�$�(��%%�L��($!b?

5:@ (�%%�)c�Pp�����$ �"J=2�/��$+!01��($�V�

bqrc�Pp�����$ �"

� 4r$�%%��J=��tu!3E���%%�$bJ=c�Pp�����$ �"bq

rc�Pp���������%%�L�/9�-�!�$�%%��0�$ �$�

�@,T16�+U �"

TeraPadT�j!A�$6G�"+67��&T��� `"A�$6G�d@PHP>O$

� �$80>�$+��!CH$6GTs���/��>j$+Hs6O$ �"�($

ye�V��->jdeC0$ $$e"

qr$�8+b%��c�Pp�������T!� ��$�$2�17+J=$��%%�

�3G��,T�+U �"PHP>O+� ��H@$�tu!�\�V�V-�!2�$kH

�$\$bGoc$�Pp$:�$>w>�(�\?��-�V�bGoc�Pp�������

T!��n���$\$�F�F$ �"

w�<$de>,T�peditor++U �"

� �$�%p%���U!�a�+*:��+U�de>� �"(b�Window��@c�

Pp)�9$!�$�%p%�$J+b=�c�Pp�������T�$�%p%�$J

*=�$�$ e$+!�^�jTU�� ��$ ! �Pp� .$�@9wj"

� �%%���%���� (Winodws+����T8�-�*$)$L�$/9�+U �"

(bL�/9c�Pp)

� �%%���%����$��% (F��U$�S)$/9�+U �"(b��%/9c�

Pp)

� �%%���%�����:@��,T�+U �"b?5:@ (�%%�)c�Pp$:

���(�!?$j�%%�L��%����L��($�V�!b?5:@ (�%%�)c

�Pp ��b?5:@ (�%����)c�Pp�����$ �"

� �%%���%����$:��+U �"(b:�c�Pp)

16�B¥����°J=�b�Bª²¢£�¥����µ�D;°bak§�9�b�eº©ª«Yd»ºZ�²¥µ$A¥>d� ¥Z£¯©¨Eb§ ¨©�«©Y£J=A¥����§±¤ �º £�.bak¢8�LA¥����µ:��b¬�¡©�«

17\�¥+D§¦�bµ�¥�§I<eº²»¢¬¯¨©ª«

36

� ���%����$C�s�,T�+U �"(b�@c�Pp)?�%����L�;�!

b..cTxe�%����$b�@c�Pp�����$ �"

� mnop+:@$��%%������A�,T�+U �"b;>c�Pp�����

$!��U�b�%%�$���.�%c$�%p%�+A��j�%%��AB$�b�

@c�Pp�����$ �"�$�b�%%�����.�%c�Pp�����$ �"

��T�%%������A�-�!�%%�$kM$CD2w- �"

>�!peditor$ .=�;�!}(b=�c$�Pp�����$�@9wj"

37