设为首页、添加到收藏夹、更改地址栏前小图标、按下回车键事件、关闭窗口


Js代码   收藏代码
  1. var url = window.location.href;  
  2. var name = "javaeye";  
  3.   
  4. /** 
  5.  * 设为首页 
  6.  */  
  7. function setHomepage(){  
  8.  if(document.all){  
  9.         document.body.style.behavior='url(#default#homepage)';  
  10.         document.body.setHomePage(url);  
  11.  }else if (window.sidebar){  
  12.     if(window.netscape){  
  13.          try{   
  14.             netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
  15.          }catch (e){   
  16.             alert( "该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true" );   
  17.             return false;  
  18.          }  
  19.     }  
  20.       
  21.     var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components. interfaces.nsIPrefBranch);  
  22.     prefs.setCharPref('browser.startup.homepage',url);  
  23.  }  
  24. }  
  25. /** 
  26.  * 加入收藏夹 
  27.  */  
  28. function addCookie(){  
  29.      if (document.all){  
  30.            window.external.addFavorite(url,name);  
  31.      }else if (window.sidebar){  
  32.            window.sidebar.addPanel(name, url, "");  
  33.      }  
  34. }  

Html代码   收藏代码
  1. <!-- 地址栏前添加自定义小图标16*16 -->  
  2. <link rel="shortcut icon" href="favicon.ico" />  
  3. 需要将favicon.ico图片放在WebRoot/favicon.ico目录下;  

Js代码   收藏代码
  1. 按下回车键的事件  
  2. document.onkeydown = function(e){  
  3.     var ev = e || window.event;  
  4.     if(ev.keyCode==13||ev.which==13){  
  5.         //这里是按下回车键的事件  
  6.     }  
  7. }  

Js代码   收藏代码
  1. 以下两种方式等效,都是单击事件调用closeWin()方法  
  2. 方式一:  
  3. document.getElementById('exitSys').onclick = closeWin;  
  4. 或方式二:  
  5. document.getElementById('exitSys').onclick = function(){  
  6.     closeWin();  
  7. }  
  8.   
  9. function closeWin(){//关闭窗口  
  10.     window.opener = null;  
  11.     window.open('','_self');  
  12.     window.close();  
  13. }  
  14. 注意:window.close()方法讲解:  
  15.     对于用js代码打开的窗口,是没有关闭提示信息的;  
  16.     但是对于原生窗口(即你直接打开的窗口),就会有提示信息,此时想没有提示信息,做法是:  
  17.     window.opener = null;  
  18.     window.open('','_self');  
  19.     window.close();  

在firefox中,window.close()默认不能关闭用户直接打开的窗口(firefox中对于直接打开的窗口window.close是无效的)。 

有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe); 
self是当前窗口,自引用属性,是对当前window对象的引用,与window属性同义. 
opener是对打开当前窗口的window对象的引用,如果当前窗口被用户打开,则它的值为null. 

open动作完成后将opener设置为空,也就是window.opener=null,但是那也没说它有关闭窗口时不提示这么个用法啊。子窗口(通过js生成的窗口)是不需要把window.opener设置为空也可以无提示自动关闭的,但父窗口(原生窗口)必须有这一句。关于window.opener在无提示关闭窗口的作用,是不是可以这么解释:浏览器认为子窗口与父窗口的优先级是不同的,子窗口可以随意关闭而父窗口可能有比较重要的内容而需要用户同意才可以关闭;当window.opener=null的时候,父窗口失去了原来的优先级,被浏览器认为是一个普通的窗口,所以可以象子窗口一样不需要提示而自动关闭了。 

利用iframe来做无刷新上传: 
要实现文件上传,form必须设置几个属性: 
1.action:设为要处理数据的页面地址; 
2.method:设为"post"; 
3.enctype/encoding:必须设为"multipart/form-data",这里要注意的是在ie中用js修改form的enctype属性是没有效果的,只能修改encoding; 
4.把form的target设为iframe的name; 
iframe实现无刷新上传的原理:利用form的target属性,把数据提交到页面中一个(通常为隐藏的)iframe上。直观点说就是把“刷新”留给iframe。 
其实原理跟一般用iframe实现无刷新提交表单是一样的,只是这里换成是文件。 
这里关键就是把form的target设为iframe的name 

FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型,默认的缺省值是“application/x-www-form-urlencoded”。 
然而,在向服务器发送大量的文本、包含非ASCII字符的文本或二进制数据时这种编码方式效率很低。 
在文件上传时,所使用的编码类型应当是“multipart/form-data”,它既可以发送文本数据,也支持二进制数据上载。 
Browser端<form>表单的ENCTYPE属性值为multipart/form-data,它告诉我们传输的数据要用到多媒体传输协议,由于多媒体传输的都是大量的数据,所以规定上传文件必须是post方法,<input>的type属性必须是file
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值