javascript 기술 (1)
15371 단어 JavaScript
function newWin(url){
window.open(url, "newwindow", "width=600,height=500,top="+(screen.availHeight-500)/2+",left="+(screen.availWidth-600)/2+", toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no");
}
2. JavaScript 기초 지식
첨부 JavaScriptCore_-_v0.pdf
3. JavaScript 페이지 새로 고침
Javascript 페이지 새로 고침 방법: 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document. URL = location. href 자동 으로 페이지 새로 고침 방법: 1. 페이지 자동 새로 고침: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20" > 중 20 은 20 초 간격 으로 페이지 를 새로 고침 합 니 다. 2. 페이지 자동 이동: 다음 코드 를 < head > 영역 에 추가 합 니 다. < meta http - equiv = "refresh" content = "20; url ="http://www.wyxg.com"> 그 중 20 손가락 이 20 초 간격 으로 이동http://www.wyxg.com페이지 3. 페이지 자동 새로 고침 js 버 전
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); // 1
</script>
JS 프레임 워 크 를 포함 하 는 페이지 를 새로 고 치 는 방법
<script language=JavaScript>
parent.location.reload();
</script>
/ / 하위 창 부모 창 새로 고침
<script language=JavaScript>
self.opener.location.reload();
</script>
( <a href="javascript:opener.location.reload()"> </a> )
/ / 다른 프레임 의 페이지 를 새로 고 치 는 방법
<script language=JavaScript>
parent. FrameID.location.reload();
</script>
/ / 창 을 닫 을 때 새로 고침 하거나 열 려 고 할 때 새로 고침 하려 면 < body > 에서 다음 문 구 를 호출 하면 됩 니 다.
<body onload="opener.location.reload()">
<body onUnload="opener.location.reload()">
<script language="javascript">
window.opener.document.location.reload()
</script>
/ / 새로 고침 시 알림 을 꺼 내지 않 으 려 면:
window.location.href=window.location.href ;
window.location.reload;
하지만 window. location. href = "새로 고침 할 페이지" 는 ie7 에 문제 가 없습니다. ie6 와 여행 에 서 는 안 됩 니 다. window. location. reload () 는 됩 니 다. 주의 하 세 요.
4. JavaScript type: of () 용법
js 에 서 는 여러 개의 이름 이 같은 input 을 사용 합 니 다. 동적 으로 생 성 되면 제출 할 때 배열 여 부 를 판단 해 야 합 니 다. if (document. my list. length! = "undefined") {} 이 용법 이 잘못 되 었 습 니 다. 정확 한 것 은 if (typeof (document. my list. length)! = "undefined") {} 또는 if (! isNaN (document. my list. length) {} typeof 의 연산 수가 정의 되 지 않 았 습 니 다.돌아 오 는 것 은 "undefined" 입 니 다. 연산 수 는 숫자 type: of (x) = "number" 문자열 type: of (x) = "string" 불 값 type: of (x) = "boolean" 대상, 배열 과 null type: of (x) = "object" 함수 type: of (x) = "function" type: of 연산 자 는 표현 식 데이터 형식 을 나타 내 는 문자열 을 되 돌려 줍 니 다.가능 한 문자열 은 "number", "string", "boolean", "object", "function", "undefined" 입 니 다.예: alert (type: of (123); /type: of (123) "number" alert (type: of ("123") 를 되 돌려 줍 니 다. / /type: of ("123") 는 "string" type: of 연산 자 를 되 돌려 표현 식 의 데이터 형식 을 나타 내 는 문자열 을 되 돌려 줍 니 다.typeof[()expression[]] ; expression 매개 변 수 는 형식 정 보 를 찾 아야 하 는 임의의 표현 식 입 니 다.type: of 연산 자 는 형식 정 보 를 문자열 로 되 돌려 줍 니 다.type: of 반환 값 은 여섯 가지 가능성 이 있 습 니 다. "number," string, "boolean," object, "function," 과 "undefined." type: of 문법 에서 괄호 를 선택 할 수 있 습 니 다.
5. JavaScript js 에서 html 개체 삭제
/**
* @deprecated div html div , , ie
*
*/
var divobj = creatElement("div");
function closeDiv(divobj)
{
divobj.parentNode.removeChild(divobj);
}
6. JavaScript Event.observe
Event. observe ('loginName', 'click', function (event) 용법 첫 번 째 매개 변 수 는 요소 이름 입 니 다... 두 번 째 매개 변 수 는 동작 입 니 다... 세 번 째 매개 변 수 는 실 행 된 함수 입 니 다...
Event. observe 를 사용 하면 페이지 요소 와 js 코드 를 분리 할 수 있 습 니 다. 예 를 들 어 아래 코드 와 같 습 니 다.
function init() {
Event.observe('loginName', 'click', function (event) {
Event.element(event).select();
$("loginName").value="";
});
var loginName = $("loginName") ;
loginName.style.color ="gray";
}
Event.observe(document, 'dom:loaded', init);
<html>
<head>
<title> </title>
<script type="text/javascript" src="prototype-1.5.1.2.js"></script>
</head>
<body>
:<input type="text" name="birth" id="birth"/><br/>
<input id="btn_test" type="button" value=" " />
</body>
</html>
<script type="text/javascript" language="javascript">
Event.observe('btn_test', 'click', test);
function test(){
alert(" !!!");
}
</script>
7. JavaScript 는 날짜 와 시간 형식 이 정확 한 지 판단 합 니 다.
function isDate(date) {
if (typeof (date) == 'undefined' || date == null || date == '') {
return false;
}
//
var splitStr = '/';
var strs = date.split(splitStr);
var d = new Date(strs[0], strs[1] - 1, strs[2]);
var year = d.getFullYear();
var month = d.getMonth() + 1;
var day = d.getDate();
//
if (parseInt(strs[0], 10) == year && parseInt(strs[1], 10) == month
&& parseInt(strs[2], 10) == day) {
return true;
} else {
return false;
}
}
8. JavaScript 날짜 가감 을 계산 하 다
어느 날짜 + 몇 달 며칠 = 어느 날짜 의 문제.
// IE NaN
function parseISO8601(dateStringInRange) {
var isoExp = /^s*(d{4})-(dd)-(dd)s*$/,
date = new Date(NaN), month,
parts = isoExp.exec(dateStringInRange);
if(parts) {
month = +parts[2];
date.setFullYear(parts[1], month - 1, parts[3]);
if(month != date.getMonth() + 1) {
date.setTime(NaN);
}
}
return date;
}
var change_date = function(dates,months,days) {
var datestr = parseISO8601(dates);
//
var now = new Date(datestr);
if(months != 0){
now.setMonth(now.getMonth() + months);
}
now.setDate((now.getDate()-1) + 1 * days);
var year = now.getFullYear();
if(months != 0){
var month = now.getMonth()+1;
}else{
var month = now.getMonth()+1;
}
var day = now.getDate();
if (month < 10) {
month = '0' + month;
}
if (day < 10) {
day = '0' + day;
}
return year + '-' + month + '-' + day;
};
var n = change_date("2012-12-01",12,32);
alert(n);
javascript 에서 날짜 의 가감 연산. 예 를 들 어 오늘 + 80 일
function DateAdd(interval,number,date)
{
/*
*--------------- DateAdd(interval,number,date) -----------------
* DateAdd(interval,number,date)
* : VBScript DateAdd .
* :interval, , .
* :number, , .
* :date, .
* : .
* var now = new Date();
* var newDate = DateAdd( "d ",5,now);
* author:wanghr100( .net)
* update:2004-5-28 11:46
*--------------- DateAdd(interval,number,date) -----------------
*/
switch(interval)
{
case "y " : {
date.setFullYear(date.getFullYear()+number);
return date;
break;
}
case "q " : {
date.setMonth(date.getMonth()+number*3);
return date;
break;
}
case "m " : {
date.setMonth(date.getMonth()+number);
return date;
break;
}
case "w " : {
date.setDate(date.getDate()+number*7);
return date;
break;
}
case "d " : {
date.setDate(date.getDate()+number);
return date;
break;
}
case "h " : {
date.setHours(date.getHours()+number);
return date;
break;
}
case "m " : {
date.setMinutes(date.getMinutes()+number);
return date;
break;
}
case "s " : {
date.setSeconds(date.getSeconds()+number);
return date;
break;
}
default : {
date.setDate(d.getDate()+number);
return date;
break;
}
}
}
var now = new Date();
// .
var newDate = DateAdd( "d ",5,now);
alert(newDate.toLocaleDateString())
// .
newDate = DateAdd( "m ",2,now);
alert(newDate.toLocaleDateString())
//
newDate = DateAdd( "y ",1,now);
alert(newDate.toLocaleDateString())
9. JavaScript 반올림 계산
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Javascript (Math.round() Math.pow())</title>
<script type="text/javascript">
//Math.round(x); , ,
function f(){
alert(Math.round(123.567));
alert(Math.round(123.456));
}
//Math.pow(x,y);
// x y , x y
// pow , Infinity
function f1(){
alert(Math.pow(2,10));//2 10 1024
alert(Math.pow(1024,0.1));//1024 0.1 2
alert(Math.pow(99,9999));// Infinity
}
/*Javascript , 。
*ForDight(Dight,How): ,Dight ,How 。
* 10 , , 10 。
*/
function ForDight(Dight,How){
Dight = Math.round(Dight*Math.pow(10,How))/Math.pow(10,How);
return Dight;
}
function f2(){
alert(ForDight(12345.67890,3));//
alert(ForDight(123.99999,4));//
}
// , 。
// :num 。n
//cheng(123.456,2);//
function cheng(num,n){
var dd=1;
var tempnum;
for(i=0;i<n;i++){
dd*=10;
}
tempnum = num*dd;
tempnum = Math.round(tempnum);
alert(tempnum/dd);
}
</script>
</head>
<body>
<input type="button" value="round" onclick="f();" />
<input type="button" value="pow" onclick="f1();" />
<input type="button" value=" , " onclick="f2();" />
<input type="button" value="cheng" onclick="cheng(123.456,2);" />
</body>
</html>
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--><script type="text/javascript">
// Javascript float , 22.127456 22.13, ?
//1. ....... [ .........]
function get(){
var s = 22.127456 + "";
var str = s.substring(0,s.indexOf(".") + 3);
alert(str);
}
</script>
<script type="text/javascript">
//2.
onload = function(){
var a = "23.456322";
var aNew;
var re = /([0-9]+\.[0-9]{2})[0-9]*/;
aNew = a.replace(re,"$1");
alert(aNew);
}
</script>
<script type="text/javascript">
//3. .....
var num=22.127456;
alert( Math.round(num*100)/100);
</script>
<script type="text/javascript">
//4. ....... IE5.5+ 。
//
var num=22.127456;
alert( num.toFixed(2));
</script>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.