JavaScript jQuery tipps

魏烨熠
2023-12-01


JS常用信息:

 

  1. IE错误提示“缺少标识符、字符串或数字”,检查JS文件中对象字面量是否最后包含逗号。比如
    Js代码
    1. var  obj = {id: 1, name:  'test' ,};  
     紧接'test'后那个逗号就会导致IE出错。而FireFox正常。
  2. jQuery操作下拉菜单选定某个项目功能在IE中似乎无效。兼容办法:
    Js代码
    1. document.getElementById( id ).selectedIndex = $( '#'  + id +  " option[value='"  + someval +  "']" ).attr( 'index' );  
     
  3. jQuery判断DOM是否存在:
    Js代码
    1. // 判断DOM元素是否存在   
    2. if  ($( '#id' )[0] ) {  
    3.     do_fun();  // exists   
    4. }  
    5. if  ($( '#id' ).length > 0) {  
    6.     do_fun();  
    7. }  
     
  4. 错误的框架访问:

    Js代码
    1. $(window.top.document).find( '#topFrame p' ).text();    
    2. $(window.parent.document).find('#topFrame' ).remove();  
     

    正确的框架访问:

    Js代码
    1. $(window.parent.frames[ 'left' ].document).empty();  //删除左框架“内容”   
     

    在顶级窗口中 改变框架本身属性,此时的框架是顶级窗口的一个DOM 对象

    Js代码
    1. $(window.parent.parent.document).find( '#fs2' ).attr( 'cols''155,*' );  
    2. $(window.top.document).find('#left' ).remove();   
     

    以下是跨框架访问操作DOM 元素 . frames  + id 的方式最兼容

    Js代码
    1. window.top.document.getElementById( 'left' ).id;  
    2. window.top.frames[0].document.getElementById('SendFlag' ).id;  
    3. window.top.frames['topFrame' ].document.getElementById( 'SendFlag' ).id;  
    4. window.top.frames['left' ].document.getElementById( 'mli0' ).name;  
    5. $(window.top.frames['left' ].document).find( '#mli0' ).attr( 'id' );  
    6. $(window.top.frames['topFrame' ].document).find( 'p' ).text( 'cqple' );  
    7. $('p' , window.top.frames[ 'topFrame' ].document).text( 'cqple' );  
     

     

  5. 子窗口操作父窗口

    Js代码
    1. // jquery   
    2. $("#父窗口元素ID" ,window.parent.document)...就行了  
    3. //js 版本   
    4. window.parent.document.getElementById()  
     
  6. jQuery 对象

    Js代码
    1. var  el = $(selector);   // 取到的el变量为jquery对象,el[0]则为 selector对象   
    2. var  node = el.jquery ? el[0] : el;  // el.jquery 返回真(其实是jquery版本号)说明el为jquery对象  

     
    http://waiting.javaeye.com/blog/606062


 类似资料:

相关阅读

相关文章

相关问答