'JavaScript'에 해당되는 글 30건

  1. 2008.03.10 string 객체에 대하여
  2. 2008.03.10 innerText 와 innerHTML 예제
  3. 2008.03.10 체크박스_전체체크&전체해지_01

string 객체에 대하여

JavaScript 2008. 3. 10. 00:32
출처 : www.webbe.co.kr - 웹비 - 웹마스터 공부하기 -
http://www.webbe.co.kr/lesson/content.asp?idx=45&page=1



-----------------------------------------------------------1
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
// 메소드,속성 ,객체명도 모두 대소문자를 구별한다. 주의하자
// 결국 자바스크립트는 변수,함수,내장함수,메소드,속성,객체명 전부 대소문자구별한다 ㅠㅠ ~~

var str1="자바 스크립트 공부"
var str2="welcome"

document.write(str1+" : 문자열 길이는 "+str1.length+"<p>")
document.write(str2+" : 문자열 길이는 "+str2.length+"<p>")

//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1="문자열 검색,문자열 길이"
var str2="welcome"
// indexOf 찾는 문자열을 앞에서 처음 나오는 위치를 반환한다. 0부터 센다.
// lastInexOf 마지막에 나오는 찾는 문자의 위치를 반환한다. 0부터 센다.

document.write(str1.indexOf("자")+"<p>")
document.write(str1.lastIndexOf("자")+"<p>")
document.write(str2.indexOf("e")+"<p>")
document.write(str2.lastIndexOf("e")+"<p>")

//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1="문자열 검색,문자열 길이"
var str2="welcome"

//

document.write(str1.substring(2,6)+"<p>") // 2번지(3번째)부터 6번지까지 가져온다.
document.write(str1.substring(6)+"<p>") // 6번지(7번째)부터 뒤도 몽땅 가져온다.
document.write(str2.substring(2,5)+"<p>")
document.write(str2.substring(3)+"<p>")

//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1="문자열 검색,문자열 길이"
var str2="welcome"


document.write(str1.charAt(4)+"<p>") // 4번지(5번째) 문자를 반환한다.
document.write(str2.charAt(3)+"<p>")
//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1= "문자열 치환"
var str2="we"

document.write(str1.replace("열","도")+"<p>") // 문자열중에서 열을 도로 치환한다.
document.write(str2.replace("e","E")+"<p>")
//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1="문자열 분할"
var str2="welcome to korea"

document.write(str1.split(" ")+"<p>") // 문자열을 " " 을 기준으로 분활한다.
document.write(str2.split(" ")+"<p>") // 결과는 문자열,분활 처럼 , 로 구별된다.
//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------

<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

document.write("검색사이트".link("http://kr.yahoo.com"))

//-->
</SCRIPT>
</BODY>
</HTML>
-----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>string 객체 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--

var str1="Welcome"
var str2="Black"

document.write(str1.toUpperCase()+"<p>") // 문자열을 대문자로
document.write(str2.toUpperCase()+"<p>")
document.write(str1.toLowerCase()+"<p>") // 문자열을 소문자로
document.write(str2.toLowerCase()+"<p>")

//-->
</SCRIPT>
</BODY>
</HTML>
Posted by 귀찮은 여니씨
,

innerText 와 innerHTML 예제

JavaScript 2008. 3. 10. 00:29
네이버 카페 웹프로그램,ASP,JavaScript : http://cafe.naver.com/foster.cafe
태환님께서 올리신글 : http://cafe.naver.com/foster.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=93


<소스보기>

<HTML><HEAD>
<TITLE> innertext와 innerhtml</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function texttest(){
//m이라는 marquee개체의 innerText속성에"
document.all.m.innerText="<font color=\"red\">월드컵코리아</font>";
}
function htmltest(){
document.all.m.innerHTML="<font color=\"red\">월드컵코리아</font>";
}
function control(v){
document.all.m.direction=v;
}
//-->
</SCRIPT></HEAD>
<BODY>
<marquee width="450" height="400" style="background-Color:yellow;colord:red" direction="down"  Scrolldelay=30 id="m"> 마퀴태구.. </marquee><p>
<span style="cursor:hand" Onclick="texttest()">[innerText]</span>
<span style="cursor:hand" Onclick="htmltest()">[innerHTML]</span><p>

<span style="cursor:hand; border-style:solid; border-width:1px; background-Color:#cccccc; padding:10px" Onclick="control(this.innerText)">up</span>
<span style="cursor:hand; border-style:solid; border-width:1px; background-Color:#cccccc; padding:5px" Onclick="control(this.innerText)">down</span>
<span style="cursor:hand; border-style:solid; border-width:1px; background-Color:#cccccc; padding:5px" Onclick="control(this.innerText)">left</span>
<span style="cursor:hand; border-style:solid; border-width:1px; background-Color:#cccccc; padding:5px" Onclick="control(this.innerText)">right</span>
</BODY>
</HTML>

Posted by 귀찮은 여니씨
,

체크박스_전체체크&전체해지_01

JavaScript 2008. 3. 10. 00:28
<html>
    <head>
        <title>연습</title>
        <script type="text/javascript">
            function check()
            {
                var allbox = document.getElementById('allbox');
                var chkbox = document.getElementsByName('chkbox');
                for(var i = 0; i < chkbox.length; i++)
                {
                    if(allbox.checked == true)
                    {
                        chkbox[i].checked = true;
                        txtChk.innerHTML = '전체해제ㅋ<br />';
                    }
                    else
                    {
                        chkbox[i].checked = false;
                        txtChk.innerHTML = '전체선택ㅋ<br />';
                    }
                }
            }
        </script>
    </head>
    <body>
      <form name="form1" id="form1" method="post" action="test2.asp" >
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td>         
            <input type="checkbox" id="allbox" name="allcheck" value="1" onclick="check();" /><span id="txtChk">전체선택ㅋ</span>
          </td>
        </tr>         
        <tr>         
          <td>                      
            <input type="checkbox" name="chkbox" value="2" /><br />
            <input type="checkbox" name="chkbox" value="3" /><br />
            <input type="checkbox" name="chkbox" value="4" /><br />
            <input type="checkbox" name="chkbox" value="5" /><br />
            <input type="checkbox" name="chkbox" value="6" /><br />
            <input type="checkbox" name="chkbox" value="7" /><br />
            <input type="checkbox" name="chkbox" value="8" /><br />
            <input type="checkbox" name="chkbox" value="9" /><br />           
          </td>           
        </tr>
      </table>
      </form>         
    </body>
</html>



<결과 보기>
Posted by 귀찮은 여니씨
,

티스토리툴바