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>

JavaScript TinyMCE默认配置

<script language="javascript" type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script>
	<script language="javascript" type="text/javascript">
		tinyMCE.init({
			mode : "textareas",
			theme : "advanced",
			theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
			theme_advanced_buttons2 : "",
			theme_advanced_buttons3 : "",
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "left",
			theme_advanced_path_location : "bottom",
			extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]"
		});
	</script>