js如何打开新页面

 时间:2026-02-14 06:08:27

JS实现打开新页面的方法有多种,下面我们看来下有哪些?

方法/步骤

第一种:在当前页面打开新页面,具体代码如下(经过测试可用)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>JS实现打开新页面</title>

<script type="text/javascript">

function open1(){

window.location.href="http://www.baidu.com";

}

</script>

</head>

<body>

<a href="javascript:void(0)" onclick="open1()">点击我,在当前页面打开指定的页面</a>

</body>

js如何打开新页面

js如何打开新页面

第二种:在新窗口中打开指定的页面,具体代码如下(经过测试可用)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>JS实现打开新页面</title>

<script type="text/javascript">

function open1(){

window.location.href="http://www.baidu.com";

}

</script>

<script type="text/javascript">

function open2(){

window.open("http://www.baidu.com");

}

</script>

</head>

<body>

<a href="javascript:void(0)" onclick="open1()">点击我,在当前页面打开指定的页面</a>

</br></br></br>

<a href="javascript:void(0)" onclick="open2()">点击我,会在新窗口中打开指定的页面</a>

</body>

js如何打开新页面

js如何打开新页面

  • 谷歌浏览器怎么设置网页大小
  • asp获取当前时间
  • jquery怎么显示div内的内容
  • c#中 this.Invoke 参数计数不匹配
  • 怎样Telnet上水木
  • 热门搜索
    稻城亚丁旅游费用 奥地利旅游签证 拉斯维加斯旅游攻略 桂林 旅游 河北旅游局 旅游网站有哪些 杭州周边旅游景点 青岛旅游团 冠豸山旅游攻略 宏村旅游