zoukankan      html  css  js  c++  java
  • js实现菜单命令[添加收藏夹,设为首页..]、Javascript函数获取网页参数并中文显示

    js实现菜单命令[添加收藏夹,设为首页..]、Javascript函数获取网页参数并中文显示
    js实现菜单命令[添加收藏夹,设为首页..]


    序:用js实现菜单命令虽然在技术上讲没什么,不过这个算是比较全了。

         每当我们看到别人网页上的打开、打印、前进、另存为、后退、关闭本窗口、禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有意思的事啊!下面我们就来看看如何用Javascript代码实现浏览器菜单命令(以下代码在Windows XP下的浏览器中调试通过)。

    一、【文件(F)】菜单中的命令的实现

      1、〖打开〗命令的实现

      [格式]:document.execCommand("open")
      [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=document.execCommand("open")>打开</a>

      2、〖使用 记事本 编辑〗命令的实现 

      [格式]:location.replace("view-source:"+location)
      [说明]打开记事本,在记事本中显示该网页的源代码。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a>

      3、〖另存为〗命令的实现 

      [格式]:document.execCommand("saveAs")
      [说明]将该网页保存到本地盘的其它目录!
      [举例]在<body></body>之间加入:
      <a href="#" onclick=document.execCommand("saveAs")>另存为</a>

      4、〖打印〗命令的实现 

      [格式]:document.execCommand("print")
      [说明]当然,你必须装了打印机!
      [举例]在<body></body>之间加入:
      <a href="#" onclick=document.execCommand("print")>打印</a>

      5、〖关闭〗命令的实现 

      [格式]:window.close();return false
      [说明]将关闭本窗口。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=window.close();return false)>关闭本窗口</a>


    二、【编辑(E)】菜单中的命令的实现

      〖全选〗命令的实现 
      [格式]:document.execCommand("selectAll")
      [说明]将选种网页中的全部内容!
      [举例]在<body></body>之间加入:
      <a href="#" onclick=document.execCommand("selectAll")>全选</a>

    三、【查看(V)】菜单中的命令的实现

      1、〖刷新〗命令的实现 

      [格式]:location.reload() 或 history.go(0)
      [说明]浏览器重新打开本页。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=location.reload()>刷新</a>
      或加入:<a href="#" onclick=history.go(0)>刷新</a> 

      2、〖源文件〗命令的实现 

      [格式]:location.replace("view-source:"+location)
      [说明]查看该网页的源代码。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a>


      3、〖全屏显示〗命令的实现 

      [格式]:window.open(document.location,"url","fullscreen")
      [说明]全屏显示本页。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>


    四、【收藏(A)】菜单中的命令的实现

      1、〖添加到收藏夹〗命令的实现 

      [格式]:window.external.AddFavorite('url', '“网站名”)
      [说明]将本页添加到收藏夹。
      [举例]在<body></body>之间加入:
      <a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收藏夹</a> 

      2、〖整理收藏夹〗命令的实现 

      [格式]:window.external.showBrowserUI("OrganizeFavorites",null)
      [说明]打开整理收藏夹对话框。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a> 

    五、【工具(T)】菜单中的命令的实现

      〖internet选项〗命令的实现 

      [格式]:window.external.showBrowserUI("PrivacySettings",null)
      [说明]打开internet选项对话框。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> 


    六、【工具栏】中的命令的实现

      1、〖前进〗命令的实现 

      [格式]history.go(1) 或 history.forward()
      [说明]浏览器打开后一个页面。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=history.go(1)>前进</a>
      或加入:<a href="#" onclick=history.forward()>前进</a>

      2、〖后退〗命令的实现 

      [格式]:history.go(-1) 或 history.back()
      [说明]浏览器返回上一个已浏览的页面。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=history.go(-1)>后退</a>
      或加入:<a href="#" onclick=history.back()>后退</a>

      3、〖刷新〗命令的实现 

      [格式]:document.reload() 或 history.go(0)
      [说明]浏览器重新打开本页。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=location.reload()>刷新</a>
      或加入:<a href="#" onclick=history.go(0)>刷新</a> 

    七、其它命令的实现 

      〖定时关闭本窗口〗命令的实现 
      [格式]:settimeout(window.close(),关闭的时间)
      [说明]将关闭本窗口。
      [举例]在<body></body>之间加入:
      <a href="#" onclick=setTimeout(window.close(),3000)>3秒关闭本窗口</a>

      如果大家还整理出其他用Javascript实现的命令,不妨投稿来和大家分享。

      【附】为了方便读者,下面将列出所有实例代码,你可以把它们放到一个html文件中,然后预览效果。html文件下载。


    Javascript函数获取网页参数并中文显示


    Javascript函数获取网页参数并中文显示

    function request(paras){ 
    var url = location.href; 
    var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
    var paraObj = {} 
    for (i=0; j=paraString[i]; i++){ 
    paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 

    var returnValue = paraObj[paras.toLowerCase()]; 
    if(typeof(returnValue)=="undefined"){ 
    return ""; 
    }else{ 
    return UrlDecode(returnValue); 

    }

    function UrlDecode(str){ 
      var ret=""; 
      for(var i=0;i<str.length;i++){ 
       var chr = str.charAt(i); 
        if(chr == "+"){ 
          ret+=" "; 
        }else if(chr=="%"){ 
         var asc = str.substring(i+1,i+3); 
         if(parseInt("0x"+asc)>0x7f){ 
          ret+=asc2str(parseInt("0x"+asc+str.substring(i+4,i+6))); 
          i+=5; 
         }else{ 
          ret+=asc2str(parseInt("0x"+asc)); 
          i+=2; 
         } 
        }else{ 
          ret+= chr; 
        } 
      } 
      return ret; 


    <script language="vbscript"> 
    Function str2asc(strstr)  
     str2asc = hex(asc(strstr)) 
    End Function 
    Function asc2str(ascasc) 
     asc2str = chr(ascasc) 
    End Function 
    </script>

  • 相关阅读:
    【mysql报错】MySQL host is blocked because of many connection errors; 解决方法
    【mysql安装及配置主从】Linux中mysql5.7主从配置
    Linux中安装PostgreSQL-10.1
    文件系统概述
    CAN学习方法(知乎)
    十大排序C语言实现
    波长,频率,传播距离三者的关系
    NB-IOT无线帧结构和下行物理信道
    NB-IOT双工模式
    一文全面了解NB-IoT技术优势及特点
  • 原文地址:https://www.cnblogs.com/Alum/p/3587992.html
Copyright © 2011-2022 走看看