码迷,mamicode.com
首页 > Web开发 > 详细

js实现网页跳转脚本

时间:2019-05-01 01:44:41      阅读:686      评论:0      收藏:0      [点我收藏+]

标签:har   shadow   b2b   src   blog   height   inpu   win   char   

为什么要写这个脚本

生活中很多时候会经常登录一个论坛或者网页
但是每次打开浏览器都要输一遍网址,或者点开收藏的书签
这样远远不如在桌面上打开文件点两下快,还能装X,多好

前提条件

需要会一些基础的html,javascript代码

上代码


<!DOCTYPE html>
<html>
<head>
    <title>js脚本</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
    <script type="text/javascript">    //调用javascript
    function openWindow(){    //调用函数
         var message=confirm("是否打开")    //点击按钮是弹出的内容
         if(message==true)    //判断语句,if 如果点是,则创建一个窗口....
         {
                     window.open(‘https://home.51cto.com/space?uid=14299999‘,‘_blank‘,‘width=400,height=500‘)
                         //打开设定的网址,新建一个窗口,宽400像素,高500像素
         }
         else    //如果没点是
         {
               document.write("重新选择")    //返回的值
         }
    }
    </script>
</head> 
<body>
    <input type="button" value="新窗口打开网站" onclick="openWindow()" />
</body>
</html>

使用

将上面的代码复制到桌面的新建文档里

技术图片

另存为--文件的后缀名要改成.html 保存类型:所有文件 编码选择UTF-8 不然没法显示中文

技术图片

完成后桌面会新增一个图标

技术图片

双击打开

技术图片

点击新建窗口打开

技术图片

浏览器有时候可能会拦截脚本文件,点击允许即可

技术图片

完成

技术图片

可以自行更改的代码

  1. var message=confirm("是否打开") //括号里的内容可以自定义
  2. window.open(‘https://home.51cto.com/space?uid=14299999‘,‘_blank‘,‘width=400,height=500‘) //连接,窗口大小可自定义
  3. document.write("重新选择") //点否返回的内容可自定义
  4. <input type="button" value="新窗口打开网站" onclick="openWindow()" /> //value的值可以自定义

拓展

有强迫症想让按键在中间的话,可以在<body>中加入<center>标签

技术图片

技术图片

想让按键更大点的话,再加入代码,大小自己设置

技术图片

技术图片

还有很多js代码,这里就不一一细说了,还想进一步了解可到各大论坛,或网课平台进一步学习

js实现网页跳转脚本

标签:har   shadow   b2b   src   blog   height   inpu   win   char   

原文地址:https://blog.51cto.com/14309999/2388077

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!