336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요
이제부터 textBox에 글자를 버튼으로 인해서 textBox를 변경하는 방법을 알려드릴꼐요.
도움이 되었으면 좋겠어요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 |
<meta charset="utf-8"/>
<html>
<head>
<title>JDK's 블로그</title>
<script language="javascript">
//textBox에 jdk's blog를 추가합니다.
function input_Text(){
document.getElementById("test").value = 'JDK\'s blog';
}
</script>
</head>
<body>
<input type='text' id='test' value='test용'/><input type='button' onclick='input_Text()' value='버튼'/>
</body>
</html>
|
cs |
이제 textBox 전후를 보여드릴꼐요.
document.getElementById("ID").value로 특정 ID를 가져다가 넣도록 했습니다.
위에 화면이 버튼 클릭전이고, 밑에가 클릭후에 나오는 화면이예요. 이만 마치겠습니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
HTML안에 태그를 추가하는 방법을 알려드릴꼐요.
ID를 이용해서 innerHTML를 추가할려고 합니다.
확인하고, 유용하게 쓰길 바래요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 |
<meta charset="utf-8"/>
<html>
<head>
<title>즐겨찾기 추가</title>
<script language="javascript">
//span1에 jdk's blog를 추가합니다.
function innerHTML_f(){
document.getElementById("span1").innerHTML = 'JDK\'s blog';
}
</script>
</head>
<body>
<span onclick='innerHTML_f()' id='span1'>123123</span>
</body>
</html>
|
cs |
일단 이렇게 결과가 나와요. 123123을 클릭하면..
JDK's blog가 나와요.
이렇게 해서 태그도 추가가 가능해요.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번엔 손쉽게 Chrome에서 IE에 즐겨찾기 되어 있는 것을 추가하는 방법을 알려드릴려고 해요.
잘 보시고 도움이 되었으면 좋겠어요.
1. chrome오른편에 특수문자클릭하고, 북마크 선택후에 북마크 및 설정가져오기...를 클릭해요.
2. 이제 가져오고자 하는 웹브라우저를 선택하고, 즐겨찾기/북마크 선택후에 가져오기를 클릭하면 됩니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번엔 자바스크립트를 이용해서 IE에 즐겨찾기를 추가하는 방법을 알려드릴께요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 |
<meta charset="utf-8"/>
<html>
<head>
<title>즐겨찾기 추가</title>
<script language="javascript">
<!--
function bookmark(){
window.external.AddFavorite('http://jdkblog.tistory.com', 'JDK\'s blog')
}
-->
</script>
</head>
<body>
<a href="javascript:bookmark()">즐겨찾기 추가</a>
</body>
</html>
|
cs |
window.external.AddFavorite('http://jdkblog.tistory.com', 'JDK\'s blog')
첫번쨰 매개변수는 URL이고, 뒤에 있는 것은 즐겨찾기에 들어갈 즐겨찾기 명입니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요 이번엔 문자열 찾는 방법을 알려드릴꼐요.
찾을 문자열.indexOf("찾을 문자열");
을 쓰면 되는데요.
예제 소스를 보여드릴꼐요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14 |
<script type="text/javascript">
function testAlert(){
var imsi = "jdk";
var position = imsi.indexOf("jddd");
if(position > -1){
console.log(imsi+"'s Blog");
}else{
console.log(imsi+" is not.");
}
}
</script>
<body onload = "testAlert()">
</body>
|
cs |
position은 해당 문자열이 어디있는지 가지고 있습니다.
해당 문자열이 포함되어 있다면, 포함된 위치가 나와서 -1보다는 크게 됩니다.
그렇지 않으면 다른문자열이 나옵니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요
저번에 substirng함수를 알려드렸었죠..?
substr함수를 사용해서 문자열을 자르는 방법을 알려드릴께요
|
|
<script type="text/javascript">
function testAlert(){
var imsi = "2015-11-11";
console.log(imsi.substr(0,4)+"-"+imsi.substr(5,2)+"-"+imsi.substr(8,2));
}
</script>
<body onload = "testAlert()">
</body>
|
cs |
문자열.substr(시작문자열,가져올문자열수)를 쓰면 필요한 문자열을 가져올 수 있습니다.
이렇게 결과가 나왔어요.. substring으로 해결이 안됬다면 이렇게 처리해서 해결해 보는 것도 좋은거 같아요.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
자바스크립트에서 문자열 자르는 방법을 알려드릴꼐요
문자열.substring(시작위치,끝나는 위치); 로 나오는 간단한 방법을 알려드릴께요
|
|
<script type="text/javascript">
function testAlert(){
var imsi = "2015-11-11";
console.log(imsi.substring(0,4)+"-"+imsi.substring(5,7)+"-"+imsi.substring(8,10));
}
</script>
<body onload = "testAlert()">
</body>
|
cs |
이렇게 결과가 나옵니다. 필요한 문자를 잘라서 표기해서 유용하게 사용하세요 ㅎㅎ.
도움이 될지 모르겠네요
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번엔 변수 사용하는 방법을 간단하게 해볼꼐요.
이 페이지에선 최종적으론.. 최종적이라고 할만한게 없긴하지만..
변수와 문자열을 같이 로그로 찍어볼꼐요.
|
|
<script type="text/javascript">
function testAlert(){
var imsi = "jdk"; //jdk란 이름을 가진 변수를 생성했습니다.
console.log(imsi+"'s Blog"); //로그를 찍어요. 변수 이름을 imsi라는 변수에 's Blog라는 로그를 찍어내고 끝납니다.
}
</script>
<body onload = "testAlert()">
</body>
|
cs |
이렇게 결과가 나오는 것을 확인할 수 있었네요!
한번해보시고 까먹을 때마다 방문해주세요~
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요~
이번엔 프로그램에 흔적을 남기면 확인하기 좋겠죠..?
그러면 간단하게 프로그램 흔적을 남기는 방법을 알려드릴꼐요.
나중에 유용하게 쓰세요~
|
|
<script type="text/javascript">
function testAlert(){
console.log("JDK's Blog");
}
</script>
<body onload = "testAlert()">
</body> |
cs |
위에 소스가 이렇게 나오는 것을 확인할 수 있습니다.
좋은 자료가 되길 바랄께요
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
|
|
<script type="text/javascript">
function testAlert(){
alert("JDK's Blog");
}
</script>
<body onload = "testAlert()">
</body> |
cs |
body에서 onload(시작시에 호출)하는 곳에 testAlert를 호출해서
JDK's Blog라는 내용을 출력해줍니다.
