Js地址栏特效,复制功能代码

地址栏 javascript,是指利用 javascript
伪协议在浏览器的地址栏里面通过执行类似 javascript:alert(”hello
wow”);void(0);
的代码,使用方法是在已经打开并加载完成的页面的地址栏里面输入javascript:xxx
代码来执行,下面通过两种比较实用的Javascript地址栏特效做个例子说明一下。

分享一段利用 JavaScript
实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。

如下分别是设为首页和加入收藏的代码效果:

1、显示页面内所有加链接的图片的大小(模仿微软ie官方插件的呈现效果)

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript 复制功能代码,兼容多浏览器</title> 
</head>
<script language="javascript">
copyValue=function(strValue){
    if(isIE()){
        clipboardData.setData("Text",strValue);
        alert("您已成功复制了此地址");
    }else{
        copy(strValue);
        alert("内容已被复制!");
    }
}
function isIE(number){
    if(typeof(number)!=number){
        return!!document.all;
    }
}
function copy(text2copy){
    var flashcopier = 'flashcopier';
 if(!document.getElementById(flashcopier)){
        var divholder = document.createElement('div');
        divholder.id = flashcopier;
        document.body.appendChild(divholder);
    }
 document.getElementById(flashcopier).innerHTML = '';
 var divinfo = '<embed src="http://files.jb51.net/demoimg/200910/_clipboard.swf" FlashVars="clipboard='+text2copy+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';//这里是关键
 document.getElementById(flashcopier).innerHTML = divinfo;
}
</script>
<div class="phoinfo"> 
贴图地址:<input name="txtPhotoPath" value="www.phpernote.com" id="txtPhotoPath" type="text" size="65" /> 
<input type="button" name="btnCopy" id="btnCopy" onClick="copyValue('www.phpernote.com');" value="复制" /> 
</div> 
</body> 
</html>
<a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://phpernote.com')">设为首页</a>

<a href="javascript:window.external.AddFavorite('http://phpernote.com','PHP程序员的笔记')">添加收藏</a>
javascript:a=document.images;d=document;for(i=0;i<a.length;i++){t=a[i];p=t.parentNode;if(p.tagName == "A"){p.style.position="relative";p.style.display="block";p.style.width=t.width+"px";p.style.height=t.height+"px";s=d.createElement("span");s.style.position="absolute";s.style.color = "white";s.style.backgroundColor = "red";s.style.right="0px";s.style.bottom="0px";s.innerHTML=t.width+"x"+t.height;p.appendChild(s);}}void(0);

 示例如下:

注意:以上代码仅适合IE内核的浏览器,现特将兼容IE和火狐浏览器的代码贴在下面:

2、查看浏览器高度

贴图地址:

//加入收藏
function AddFavorite(URL,Title){
 URL=URL||window.location.href;
 Title=Title||document.title;
 try{
  window.external.addFavorite(URL,Title);
 }catch(e){
  try{
   window.sidebar.addPanel(Title,URL,"");
  }catch(e){
   alert("加入收藏失败,请使用Ctrl+D进行添加");
  }
 }
}

//设为首页
function setHomepage(URL){
 URL=URL||window.location.href;
 if(document.all){//IE类浏览器
  document.body.style.behavior='url(#default#homepage)';
  document.body.setHomePage(URL);
 }else if(window.sidebar){//火狐类浏览器
  if(window.netscape){
   try{
    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
   }catch(e){
    alert("该操作被浏览器拒绝,如果想启用该功能,请在地址栏内输入 about:config,然后将项 signed.applets.codebase_principal_support 值该为true");
   }
  }
  var prefs=Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
  prefs.setCharPref('browser.startup.homepage',URL);
 }
}
javascript:alert(window.screen.availHeight);void(0);

您可能感兴趣的文章

  • jquery弹出窗口插件(兼容所有浏览器)分享
  • JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
  • javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
  • JS判断滚动条是否停止滚动,兼容IE和火狐浏览器
  • 右下角弹出广告 js,漂浮效果(兼容多浏览器)
  • 如何解决DIV层被Flash遮盖问题(兼容IE和火狐浏览器),如何使DIV层在FLASH上面显示
  • jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
  • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)

JavaScript
实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。 html
xmlns=”” head meta
http-equiv=”Content…

以上函数的在页面中的调用方式如下:

您可能感兴趣的文章

  • 显示行号的文本框效果,兼容ie、火狐等浏览器
  • Web前端,鼠标移动到文字上出现浮层提示特效(兼容IE,火狐等所有浏览器)
  • PHP获取页面的所有链接的正则
  • 如何设置DIV层显示在flash对象之上,兼容ie和firefox等浏览器
  • jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
  • js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
  • javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
  • jquery弹出窗口插件(兼容所有浏览器)分享

javascript,是指利用 javascript
伪协议在浏览器的地址栏里面通过执行类似 javascript:alert(”hello
wow”);void(0); 的代码,使用方法是在已经…

<a href ="javascript:void(0)" onclick ="setHomepage()">设为首页</a>
<a href="javascript:void(0)" onclick ="AddFavorite()">加入收藏</a>
<a href="javascript:void(0)" onclick ="AddFavorite('http://www.phpernote.com/','php程序员教程网')">加入收藏</a>

您可能感兴趣的文章

  • jquery下拉菜单效果(超简洁实用,兼容IE和firefox等主流浏览器)
  • 如何设置DIV层显示在flash对象之上,兼容ie和firefox等浏览器
  • JS实现模拟新浪微博大厅和腾讯微博首页微博消息滚动效果
  • 由于其配置信息(注册表中的)不完整或已损坏,Windows
    无法启动这个硬件设备。 (代码 19)解决办法
  • javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器
  • 添加到百度首页按钮代码
  • js获取鼠标当前位置,兼容ie和firefox
  • js只能输入数字和带小数点的数字,兼容IE和firefox

a
href=”#”
onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(‘…