零基础建站培训介绍

当前位置:

location.href 本窗口与javascript:window.open 新窗口打开用法

我们学习了HTML课程,知道一个超链接可以用A标签,新窗口打开使用target="_blank" 属性。除使用使用A标签打开之后,我们还可以使用JS来打开链接地址。

用法如下:

本窗口打开链接:


<img onClick="location.href='https://xuewangzhan.net/'"  src="images/banner/01.jpg">

新窗口打开链接:


<img onclick="javascript:window.open('https://www.xuewangzhan.net/','_blank');" src="images/banner/01.jpg">

除此之外,还可以使用以下的方法实现新窗口打开


<img alt="" src="Images/2emorewe.gif" onclick="javascript:window.location.href='https://www.xuewangzhan.net';"/>

二种新窗口打开的区别:

window.open("URL",'top'); 只是表示打开这个页面,并不是打开并刷新页面;

window.location.href="URL"; 表示重新定向到新页面,同时刷新打开的这个页面;

常用案例

上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 我们学习了HTML课程,知道一个超链接可以用A标签,新窗口打开使用target="_blank" 属性。除使用使用A标签打开之后,我们还可以使用JS来打开链接地址。
  • 以下是Wordpress做网站过程中常用的几个功能,分享给学习建网站的新手们。功能一:文章内容全部链接新窗口打开[cce_php]function Bing_autoblan
  • 网页设计中经常会用到JavaScript脚本,能够为我们的网站或网页添加特效,比如我们网站中的回顶部、焦点图、客服代码、选项卡等都可以通过JavaScript脚
  • 现在大多网站都会使用JS特效代码,如果浏览器中 禁用了javascript,那么就会导致网站显示不正常,如何去解决浏览器禁用javascript问题呢?浏览器禁用
  • TAB Js选项卡 第一种:声明式方法原理:TAB选项卡有二部分组成:按钮、内容第一步:做出选项卡按钮<ul class="nav n
  • 有些学习建网站的学员使用的是MAC苹果电脑,很多建站软件是不兼容的,很不方便。解决这个问题特别好的方法就是在MAC苹果电脑里切换成windows系统,这
  • JS里的window.onload 与 JQUERY里的$(document).ready()是我们自己做网站过程中,前端常用的JS代码,它们的作用都是先加载HTML代码后,最后加载JS代码
  • HTML是什么文件?HTML是一种超文本标记语言或超文本链接标示语言,HTML是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了
  • 常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载
  • html H标题标签?W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。h1,h2,h3,h4,h5,h6,作为标题标签,并且依据重要性递
  • 我们在自己建网站时,经常需要用到background属性。我们还可以通过background-size来控制背景图片的尺寸。background-size有几个属性值,常用的是