博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html:打开新的页面
阅读量:6757 次
发布时间:2019-06-26

本文共 705 字,大约阅读时间需要 2 分钟。

在html页面中,打开一个新的页面,有两种方式:

一、利用超链接

<a href="newurl">新页面</a>

上面代码添加了一个新链接,点击链接时会打开newurl对应的页面。

注意这种情况下,新的页面会在原页面的浏览器窗口(或tab标签页)上显示,前面页面会被覆盖。

如果需要在一个新的浏览器窗口(或新的标签页)打开新的url,应该采用如下的写法。

<a href="newurl" target="_blank">新页面</a>

这样每次点击链接,都会打开一个新的窗口来显示新页面。

还有一种需求,如果希望点击链接,打开一个新的窗口,但又不需要每次链接都打开一个,而是第一次打开一个新的窗口后,后续再点击链接,就一直在上次打开的那个窗口上显示。这时这样写。

<a href="newurl" target="xxxx">新页面</a>

上面的xxxx是代表新窗口的name名(在js代码中能被使用),可以是任意的合法标识符。

二、利用js代码调用window的open方法

代码如:

window.open("newurl");

注意,上面的方式会在一个新的窗口打开新页面。

如果希望在原窗口打开,写法如下

window.open("newurl",target="_self");

如果希望只是第一次调用在新窗口打开,后续在上次打开的打开,写法如下

window.open("newurl",target="xxx");  //xxx是新窗口的name属性值

 

三、form表单提交

<form  target="_blank">

通过设置target属性,当通过表单提交请求时,返回的结果在新窗口打开。

转载地址:http://jkweo.baihongyu.com/

你可能感兴趣的文章
MIPS program a block of C
查看>>
第六章 类型和成员基础
查看>>
WIN7切换用户
查看>>
接口测试(五)--Http headers
查看>>
1175:除以13
查看>>
DataSet转换为Byte[]方法
查看>>
Centos文件查看命令字符
查看>>
DSP c6678的启动方式
查看>>
遮罩层点击空白退出代码
查看>>
[HNOI2012]集合选数 BZOJ2734
查看>>
SpringCloud之Eureka集群
查看>>
转 asterisk拨号规则
查看>>
PS1修改xshell命令行样式
查看>>
部门表递归查询
查看>>
Analysis by Its History Exercise 2.3
查看>>
陶哲轩实分析 习题 7.1.5
查看>>
团队项目—后续阶段第三天
查看>>
python中的gil是什么?
查看>>
BFS 2015百度之星初赛2 HDOJ 5254 棋盘占领
查看>>
黑马程序员 ——ios点语法和类的三大特性
查看>>