js实现网页跳转脚本

最新推荐文章于 2024-02-18 02:37:57 发布

weixin_34081595

最新推荐文章于 2024-02-18 02:37:57 发布

阅读量2.2k

点赞数

文章标签： javascript ViewUI

原文链接：http://blog.51cto.com/14309999/2388077

版权

为什么要写这个脚本

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

使用

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

js实现网页跳转脚本

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

js实现网页跳转脚本

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

js实现网页跳转脚本

双击打开

js实现网页跳转脚本

点击新建窗口打开

js实现网页跳转脚本

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

js实现网页跳转脚本

完成

js实现网页跳转脚本

可以自行更改的代码

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

拓展

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

js实现网页跳转脚本

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

js实现网页跳转脚本

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

转载于:https://blog.51cto.com/14309999/2388077

weixin_34081595

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js实现网页跳转脚本

为什么要写这个脚本生活中很多时候会经常登录一个论坛或者网页但是每次打开浏览器都要输一遍网址，或者点开收藏的书签这样远远不如在桌面上打开文件点两下快，还能装X，多好前提条件需要会一些基础的html，javascript代码上代码<!DOCTYPE html><html><head> <title>js脚本</title&g...
复制链接

扫一扫