HTML链接与JavaScript链接及打开新窗口（window.open）

Posted on 2017-07-14 21:44  君莫笑~  阅读(1685)  评论(0)    收藏  举报

以下两种方法都是将两个网页放在同一个文件夹里，是同级文件。

一、HTML 链接是通过 <a> 标签进行定义的

（这里的网页命名方式不准确，需根据特定情况命名）　　

 

二、另一种链接是通过JavaScript实现

（这种方法需要引用jquery，jquery需要下载，，我在图片上会用红圈画出引用的jquery）

1、需要用到id选择器。

2、href="javascript:void(0)"可有可无，有href="javascript:void(0)"将鼠标放到“登录“二字上会变成手，没有href="javascript:void(0)"则是一条竖线。

 

三 、open() 方法可以查找一个已经存在或者新建的浏览器窗口。

1、窗口打开方式　　　　

　　　　_blank：在新窗口显示目标网页

       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页

　　　　　　　

 

<script type="text/javascript">
  function Wopen(){
     window.open("http://www.baidu.com","_top","width=600,height=200,top=100,menubar=no,toolbar=no,status=on,scrollbars=yes") 

  } 
</script>
</head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我，打开新窗口!" / >
</body>

代码解读：打开百度（http://www.baidu.com）网页，将在新窗体中打开，宽为600，高为400，距屏顶100像素，屏左0像素。当点击按钮时，打开新窗口。