JavaScript 在链接中确认

onClick="if (confirm('Are you sure?')) {document.location='page.asp'}"

onClick="if (document.FORM.FIELD.checked == false) {alert('Please check.');return false;}">

if (document.FORM.FIELD.value == '') {alert('Please enter a value.');return false;} else {runFunction();}

JavaScript 的document.getElementById

document.getElementById("").

JavaScript 加载点

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function showProgressDots(numberOfDots) {
    
    var progress = document.getElementById('progressDots');
    
    switch(numberOfDots) {
        case 1:
            progress.innerHTML = '.';
            timerHandle = setTimeout('showProgressDots(2)',200);
            break;
        case 2:
            progress.innerHTML = '..';
            timerHandle = setTimeout('showProgressDots(3)',200);
            break;
        case 3:
            progress.innerHTML = '...';
            timerHandle = setTimeout('showProgressDots(1)',200);
            break;
    }
}
window.setTimeout('showProgressDots(1)',100);
//-->
</SCRIPT>
Loading<span id="progressDots" style="position:absolute;"></span>

JavaScript 揭幕战

response.write "<script type=""text/JavaScript"">opener.location.href=('events_admin.asp?eventGroupId="&iEventGroupId&"');</script>"

JavaScript 新的选择框选项

<select onChange="checkNew(this);" name="selectName">
<option value="0">Add new...</option>
</select>

    <script LANGUAGE="JavaScript" TYPE="text/javascript">
        function checkNew(frm) {
            
            var selectedOption = frm.selectedIndex;
            var selectedValue = frm.options[selectedOption].value;
            var selectedText = frm.options[selectedOption].text;
                
            if (selectedValue == '0') {
                var newOption = prompt('Enter new ','');
                frm.options[frm.options.length] = new Option(newOption,newOption,true); 
            }
        }
    </script>

JavaScript 弹出

onClick="window.open('files_upload.asp?id=','','top=10,left=10,width=700,height=700,location=no,menubar=no,personalbar=no,scrollbars=yes,status=yes,toolbar=no,resizable=yes');"

JavaScript 调整弹出图像尺寸的大小

<script type="text/JavaScript">
      function resizeImg(img) {
        var oImg = new Image();
        oImg.src = img;
    
        if (oImg.complete) {
                window.resizeTo(oImg.width+50,oImg.height+90)
            }
        }  
    </script>

JavaScript 的selectedIndex

function Check() {
        var frm = document.Frm.field;
        var selectedOption = frm.selectedIndex;
        var selectedValue = frm.options[selectedOption].value;  
        var selectedText = frm.options[selectedOption].text;

    }

JavaScript 切换显示

//accepts: element id
//returns: turns display on or off, using visibility or display
function toggleDisplay(DomObject) {

    if (DomObject.style.visibility) {
    	DomObject.style.visibility = (DomObject.style.visibility == 'visible') ? 'hidden' : 'visible';
    }
    else {
    	DomObject.style.display = (DomObject.style.display == 'block') ? 'none' : 'block';
    }
}

JavaScript 使用复选框切换

<script LANGUAGE="JavaScript" TYPE="text/javascript">
    
        function toggleCheckbox(checkboxName,toggleLyr) {
        
            var lyr = document.getElementById(toggleLyr);
            var checkbox = document.getElementById(checkboxName);
            
            if (checkbox.checked == true) {
                lyr.style.display = 'block';
            }
            else {
                lyr.style.display = 'none';
            }
        }
    
    </script>


        <input type="checkbox" name="toggleCheckbox" id="toggleCheckbox" onClick="toggleCheckbox(this.name,'toggleLyr');" value="" /> Add Details?
        
        <div id="toggleLyr" style="display:none;">

        </div>