>  기사  >  웹 프론트엔드  >  자바스크립트 이벤트 메커니즘

자바스크립트 이벤트 메커니즘

高洛峰
高洛峰원래의
2016-11-25 11:40:321145검색

부모 양식 html 문서:



학생 관리

//학생 정보 추가 addStuInfo
function addStuInfo(){

//모달 호출 양식에 학생 정보를 모달 양식에 입력한 다음 이를 학부모 양식에 전달합니다.
var result = window.showModalDialog("addinfo.html", , "dialogwidth:800px;dialogheight:300px");//result는 배열 객체를 받습니다.

                                                                                                             | result: + result[0]); // 반환값을 출력하는데, 결과는 문자열이 아닌 배열을 반환합니다. /////////////다음이 사용됩니다. 모드의 추가 페이지에 있는 모든 상자가 비어 있을 때 기본 양식에 행을 추가할 필요가 없는지 확인하려면
var flag = 0;
for (i in result) {
🎜>                                                                                                                        /////////////// //
                                                          ~ ~ |   addRow( 결과, document.getElementById( "myTable" ) );//addRow 메소드에 두 개의 매개변수를 전달합니다. 하나는 반환된 결과이고 다른 하나는 작업할 테이블입니다.
                                              ~           
                                                                                                   > tbody에 추가됨 var tr = document.createElement( "tr" );//tr 태그 생성
for( i = 0; i < result.length;i++ ){//해당 개수의 td 생성
결과에 따라 td = document.createElement(td);
td.innerHTML = result[ i];//td에 값 할당
                                             ~        
tbody.appendChild( tr );//tr을 다음에 추가 티바디 뒷면
myTable.appendChild(tbody); //생성된 tbody를 표시할 테이블에 추가합니다.
            // 위는 실제로 문서 객체를 통해 html을 생성하는 과정입니다.                     ------------ --//给每次创建的tr行建立事件触发器
            tr.function(){///////////////////// /////////////////////////마우스를 위로 움직일 때
                                                                  backgroundColor = "#abcdef";//배경색
//////////////////////////////////////////////이후 마우스가 출시되었습니다
                                            tr.style.backColor =                                tr.onclick = function(){//////// /////// ////////////// ////////////////////////마우스 클릭 시
 
                                                   < A> // 경고(tr.cells [0 ] .innerhtml);

var array = new array (5); // > <(> For (i = 0; i & lt; tr.cells.length; i ++) {

배열 [i] = tr.cells [i] .innerhtml; 임시 배열에 내용을 넣습니다.
                                                        > 🎜> 


     


     

     

           
                 학회지  
                 
                 

                
                     
                
                 
                  
                      이름                      <년>
                     <성별>
                     <제
                      제>是否删除
                      
                       
                 
           
<입력 유형 ="button" value="添加" onClick="addStuInfo()"/>
                          <입력 type="button" value="删除" />
                     

      
     

     


< /html>
 
添加子窗体html文档:


    添加school生信息